保安日记：前端学习第二篇之CSS

前端第二篇

CSS

CSS语法规范

CSS代码风格

1.推荐展开格式

 p {
        color: red;
      }

2.空格规范

CSS选择器

• 作用：选择标签用的
• 分类：基础选择器：标签，类，id，通配符选择器
• 标签选择器：
  用HTML标签名称作为选择器，按标签名分类
• 类选择器：
  单独选择其中的一个或几个，需要用class属性来调用

.类名 {
	color:red;
}

注意：

• id选择器
  
• id选择器和类选择器的区别
  
• 通配符选择器
  
• 选择器总结
  

字体属性

• font-family
  

• font-size
  

• font-weight
  

• font-style
  

• 字体复合属性

• 字体属性总结
  

文本属性

• 文本颜色 color
  
• text-align：文本内容水平对齐方式

center	居中对齐
left	左对齐
right	右对齐

• text-decoration：文本修饰，增删下划线等
  

• text-indent：首行缩进
  

• line-height：调整行间距，只调整上下间距
  

• 文本总结
  

引入方式

• 内部样式表
  
• 行内样式表
  
• 外部样式表
  
• 引入方式总结
  

使用chrome调试