Css前端学习

CSS介绍    ：

SS（Cascading Style Sheet，层叠样式表)定义如何显示HTML元素。

当浏览器读到一个样式表，它就会按照这个样式表来对文档进行格式化（渲染）。

CSS语法: 

每个CSS样式由两个组成部分：选择器和声明。声明又包括属性和属性值。每个声明之后用分号结　

 

CSS注释：

/*中间为注释部分*/

 

CSS的引入方式

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

CSS选择器 

元素选择器:                    

p {color: "red";} 
#p标签 颜色为红色 

ID选择器：

#id

{ background-color: red; }

#id标签的背景颜色为红色

类选择器：

.c1 {
  font-size: 14px;
}
p.c1 {
  color: red;
}

#1 .c1样式类的标签字体大小为14px
#2. p标签中带有.c1样式类的标签颜色设为红色

注意：

样式类名不要用数字开头（有的浏览器不认）。

标签中的class属性如果有多个，要用空格分隔。

 

通用选择器：

* {
  color: white;
}
#给所有的css标签的颜色设为白色

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　组合选择器

后代选择器：

/*li内部的a标签设置字体颜色*/
li a {
  color: green;
}