码迷,mamicode.com
首页 > Web开发 > 详细

CSS入门介绍

时间:2018-12-10 20:44:59      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:strong   样式表   初始   nbsp   href   选择   bsp   1.3   继承   

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;

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

CSS入门介绍

标签:strong   样式表   初始   nbsp   href   选择   bsp   1.3   继承   

原文地址:https://www.cnblogs.com/mercy-up/p/10098588.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!