zoukankan      html  css  js  c++  java
  • CSS样式学习-1

    一、分类

    ①内联,写在标签中,写法是style="样式属性"。优先级最高。

    优点:控制精确。缺点:代码重用性差,范围小。

    例如:

    <div style="font-size=12px;"></div>
    

      

    ②内嵌,在<head></head>中书写。

    优点:代码重用性好,范围大。缺点:控制性差,不精确。优先级最差。

    注释方法:/*注释内容*/

    例如:

    <style type="text/css" >
    /*这是要被注释内容*/
    </style>
    

    ③外部,在<head></head>中书写。

    优点:代码重用性最好,范围最大。缺点:控制性差。优先级中。

    使用<link />标签引用外部css。

    例如:

    <head>
       <link src="Untitled.css" />
    </head>

    
    

    二、选择器

    ①元素命名,id、class

    *号是指所有。

    *{}对所有元素增加样式。

    ②获取id

    #id{}选择id名称是“id”的元素,id具有唯一性。

    ③获取class

    .class{}获取class名称是“class”的元素,class可以命名多个元素。

    ④标签选择器

    格式为:标签名{}

    ,并列

     空格后代

    .点筛选

    例如:

    <head>
    <style type="text/css">
    div{}/*标签选择器*/
    #a{}/*id选择器*/
    .b{}/*类级选择器*/
    div #a{}/*空格后代,div标签下的span标签*/
    div, font{}/*逗号并列,div和font标签*/
    </style> </head> <body> <div> <span id="a"> </span> </div>
    <font class="b">
    </font> </body>

      

      

  • 相关阅读:
    Nodejs-原型链污染
    dpwwn-02靶机渗透
    dpwwn-01靶机渗透
    Bulldog1靶机渗透
    php+html实现用户登录退出
    DC4靶机
    vulnhub-Os-hackNos-3
    Linux系统解析XML中文乱问题
    idea添加database
    PL/SQL学习笔记
  • 原文地址:https://www.cnblogs.com/wannian/p/8241293.html
Copyright © 2011-2022 走看看