第三篇前端学习笔记

前端学习02
CSS篇
CSS：层叠样式表 (Cascading Style Sheets)
基本语法：
– 选择器 {样式名:样式值；样式名:样式值 ; }
– p {color:red ; font-size:12px;}
有行内样式，内部样式表和外部样式表之分。

行内样式：

 <p style="color: red;font-size: 30px"></p>

内部样式表：

<style>
 p{color:red; font-size: 30px;} 
 </style>`

外部样式表：
可以将所有的样式保存到一个外部的css文 件中，然后通过标签将样式表引入 到文件中。

 <link rel="stylesheet" type="text/css" href="style.css">

选择器的分类：

1. 元素选择器（标签选择器），可以根据标签的名字来从页面中选取指定的元素。
   语法：标签名 { }
2. 类选择器，可以根据元素的class属性值选 取元素。 • 语法：.className { }
3. ID选择器，可以根据元素的id属性值选取 元素。
   语法：#id { }
4. 复合选择器，可以同时使用多个选择器， 这样可以选择同时满足多个选择器的元素。
   语法： – 选择器1选择器2{}
5. 群组选择器，可以同时使用多个选择器， 多个选择器将被同时应用指定的样式。
   语法：选择器1,选择器2,选择器3 { }
6. 通用选择器，可以同时选中页面中的所有 元素。
   语法：*{ }