CSS入门介绍

css 层叠样式表(英文名:Cascading Style Sheets),主要用于美化网页

1、css的表现形式

  1.1 行内样式(内嵌样式)

    写在标签内的样式,写在标签的开始部分的内部,style属性当中,即<div style=" width="100px";height="100px" "></div>

  1.2 内部样式(内联样式)

    写在HTML页面中,存放于<head></head>标签当中,样式则写在style标签中。

    <style>

      选择器{

        属性名2:属性值2;

        属性名2:属性值2;

        ......

      }

    </style>

    注意:style标签不要写在title标签上方

  1.3 外部样式(外联样式)

    写在css文件中,用的话,直接导入

    <link type="text/css" rel="stylesheet" href="文件所在的路径" />

2、css三大特性:

  2.1 继承

    父级的样式会被子级给继承。

    注意:!important不会被继承

  2.2 层叠

    当样式发生冲突的时候,样式会产生覆盖(层叠);

    解决方法为判断优先级的先后顺序或计算权重。

  2.3 优先级

    优先级的先后顺序为:

    !important > 内联样式 > ID > class(类) > 标签 > *(初始化) > 继承;

    如果记不清楚的话,可以用权重来计算,

    !important,权重值为10000;

    行内样式,例如:<div style="样式属性名:样式属性值;···"></div>,权重值为1000;

    ID名,例如:<p id="p"></p>,,权重值为100;

    class,例如:<p class="p"></p>,权重值为10;

    标签,例如:p、span、i、em等等,权重值为1;

    在权重相同的时候,遵循"就近原则",就近指的是谁离内容近,谁的优先级就高。

猜你喜欢

转载自www.cnblogs.com/mercy-up/p/10098588.html
今日推荐