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;

    通配符(*)的权重值为0;

    仅仅作为参考,不能用做实际的计算。

posted @ 2018-12-10 19:37  mercy_up  阅读(125)  评论(0编辑  收藏  举报