• CSS样式


    Css样式表:
    1.样式表的分类:
    <1>.使用内联样式:样例模板:(为p段落设置样式)

    <p style = "color:Red;font-size:25pt;">
    段落文本(p)
    </p>
    特点:(仅仅针对被标记的那一个P标签有效)
    <2>.内部样式:在<head>元素中加入(为h1标题设置样式)
    <style type = "text/css">
      h1{color:Bule;font-size:20pt;}
      </style>
     特点:对某个页面的全部h1标签有效;可是仅仅对一个页面有效
    无法对还有一个html有效
    <3>.外部样式表:(对导入的全部页面都有效提高代码重用性等)
    须要导入:<link type="text/css" rel ="stylesheet"


    href = "外部样式表的路径"/>
    2.样式表的优先级:
    内联样式优先级最高
    内部样式,外部样式看谁在前面,谁在前面谁的优先级高


    3.选择器
       3.1 选择器分类:
    3.1.1 标签选择器

    <style type = "text/css">
     label,span,等等{
    定义样式
    }
    p span{
    定义样式(p标签下的span标签
    会先把p标签定义的样式应用上,再使用
    span标签
    a b c{
    (a下的b下的c)
    }


    </style>
    3.1.2 类选择器
    .a{
    定义样式
    }
    (使用方式:
    <div class="a">
    内容
    </div>
    )
    3.1.3 ID 选择器
    #aa{
    定义样式
    }
    (使用方式:
    <div id="a">
    内容
    </div>
    )
    3.1.4 伪类选择器
    a:link{

    }
    a:hover{

    }
    a:visited{

    }
    复杂选择器:
    使用方法1:
    选择器1 选择器2{

    }

    #a a{
    (#a选择器下的a选择器)
    }
    使用方法2:
    选择器1,选择器2{
    }

    #a,a{

    并列

    }

    4 经常使用的样式属性
      4.1一般不用table布局(变化小)<table></table>

        经常使用层布局<div>border= ""</div>

    盒子模型

    火狐浏览器用查看-firebug进行调试
     

  • 相关阅读:
    物理-接触力:百科
    物理-二力平衡:百科
    物理-摩擦力:百科
    物理-电磁力/静电力:百科
    物理-重力:百科
    化学-分子间作用力:百科
    物理-分子力:百科
    物理-斥力:百科
    物理-粒子/能量-衰变:百科
    物理-超光速:百科
  • 原文地址:https://www.cnblogs.com/tlnshuju/p/7282078.html
Copyright © 2020-2023  润新知