小白一天入门css系列分享1

css是什么鬼？

• css是英文Cascading Style Sheet的缩写，简称样式表
• 利用它来修饰HTML各个标记的风格
• 最重要的一点是：实现网页结构和表现完全分离

css基本语法规则：

1. css是一个纯文本文件，规则由3个部分构成：选择符、属性、属性值

   语法：

   选择符{属性1：属性值；属性2：属性值；……}
   例子：p {font-size:18px;font-family:"宋体";}

2. 选择符的分类：

   • 基础选择符:

     (1)标记选择符：
     这里的标记其实就是HTML中的标签,在HTML页面中的所有标记都可以作为标记选择符，例子如下:
     p {font:12px;color:#000;line-height:18px;}

     (2)类选择符：
     作用:把相同的元素分类定义成不同的样式
     规则：自定义名称，然后在其前面加个点（.）号，例如：
     .free{color:#ffffff;}
     用的时候只需在标记内使用class属性引用即可,看例子：
     <h3 class="free">小白一天入门css</h3>

     (3)id选择符：
     它用来对某个单一元素定义，一个网页文件中，只能有一个标记使用某个id选择符
     规则：#名称{属性1：属性值；属性2：属性值;........}
     使用：<div id="名称">分享即使快乐</div>

     (4)通配符选择符（*）：
     作用： 对所有的HTML标记都起作用。规则：
     *{属性1：属性值;属性2：属性2……}
     看例子：*{font-size:16px}
     表示将网页中的所有元素的字体定义为16像素。

   • 其他它的选择符这里就不一 一介绍了，这里需要的是快速入门。

分享即是热爱，我是逆风，喜欢就转发出去吧。