第二篇：前端基础代码之CSS

CSS介绍（层叠样式表）

css全称层叠样式表，专门用来为HTML标签添加样式

样式指的是HTML标签的显示效果(比如换行、宽度、高度)

# 注释
/*单行注释*/
/*
多行注释1
多行注释2
*/
通常我们写css样式时也会用注释来划分样式区域
/*这是博客园首航的css样式文件*/
/*顶部导航条样式*/
/*左侧菜单栏样式*/
/*右侧菜单栏样式*/

# css的语法结构
选择器 {
    属性值1:值1;
    属性值2:值2;
}

# css的三种引入样式
    1、style标签内部直接书写
      <style> h1{color:red;} </style>
    2、link标签引入外部css文件(最正规的方式 解耦合)
      <link rel="stylesheet" href=mycss.css>
    3、行内式(一般不用)
      <h1 style="color:green">人在失意的时候不要失态</h1>

CSS选择器的介绍

基本选择器

组合选择器

属性选择器

分组与嵌套选择器

伪类选择器

伪元素选择器

选择器的优先级

CSS属性设置

设置长度

字体属性

文字属性

背景属性

边框

display属性

背景图片小例子

CSS页面布局

盒子模型

浮动

浮动带来的影响

溢出属性

溢出属性的实际场景应用

定位

浮动和定位是否脱离文档流

z-index模态框

透明度

博客园页面搭建