首页 > 技术文章 > css

Shinigami 2018-09-11 15:22 原文

Css  叫做层叠样式表  是给标签添加样式的

1.        选择器

   1.标签选择器

   2.id选择器

   3.class(类)选择器

   4.子代选择器

   5.后代选择器

   6.交集选择器

   备注:通配符选择器   *   所有的标签

2. Css样式的引入

  1,文本的样式  text

    A,颜色  color:red;

    B,文本对齐方式: text-align:left(左对齐)/center(居中)/right(右对齐)/justify(两端对齐);

    C,文本修饰:     text-decoration:none/overline/underline/line-through;

            None  (什么都没有)    overline (上划线)   line-through( 删除线 )  underline(下划线)

    D,文本缩进   例如:text-indent:20px; 

  2.字体font

    A,大小   font-size:20px;

    B,颜色   color:red;      font-color:red;  x(谨记)

    C,形状   font-style:normal/italic/oblique/inherit;   (了解即可)

    D,字形: font-family:”微软雅黑”;

    E,加粗:font-weight:bold;后面 也可跟数字

 

        400是正常   比400大是加粗   比400小 是变细,不带px(单位)

Css有两个性质

  1.继承性

2.层叠性 选择器的一种选择能力谁的权重大就选谁

A. 选不中,走继承性,(font color text)继承性的权重是0

       a 有多个父子关系都设置了这样的样式,走就近原则

B. 选中了

       a) 权重的问题,权重大,就选谁的样式

       b) 权重相同,谁在后选择谁。

       c) 纯标签和类不具可比性,纯类和id也没有可比性

 

 

推荐阅读