css总结

目录

• CSS简介
• 一. 网页样式
  • 1.1 引入方法
    • 1.1.1内联样式
    • 1.1.2内部样式表
    • 1.1.3链接外部样式
    • 1.1.4导入外部样式
  • 1.2 基础语法
  • 1.3 选择器的分类
    • 1.3.1标记选择器
    • 1.3.2通用选择器
    • 对所有元素都生效
    • 1.3.3 i d选择器
    • 1.3.4类选择器
    • 1.3.5属性选择器
    • 1.3.6后代选择器
    • 1.3.7子代选择器
    • 1.38相邻选择器
    • 1.3.9伪类选择器
    • 1.3.10伪元素选择器
    • 1.3.11选择器分组
  • 1.4选择器优先级
  • 1.5 css单位
  • 1.6 给标签元素添加属性
• 二 .网页基础样式添加
  • 2.1背景
    • 2.1.1背景色background-color
    • 2.1.2背景图background-imge
    • 2.1.3背景图平铺background-repeat
    • 2.1.4背景图像滚动background-attachment
    • 2.1.5背景图定位background-position
    • 2.1.6背景复合属性
  • 2.2文本
    • 2.2.1文本颜色
    • 2.2.2水平对齐text-align
    • 2.2.3文本首行缩进
    • 2.2.4行高
    • 2.2.5垂直对齐
    • 2.2.6文本装饰
  • 2.3字体
    • 2.3.1类型
    • 2.3.2大小
    • 2.3.3风格
    • 2.3.4粗细
    • 2.3.5复合属性
  • 2.4超链接样式
  • 2.5列表
    • 2.5.1列表符号
    • 2.5.2图片符号
    • 2.5.3列表位置
    • 2.5.4列表综合设置
  • 2.6表格
    • 2.6.1 border-collapse属性
    • 2.6.2 border-spacing属性
    • 2.6.3 empty-cells属性
    • 2.6.4 table-layout属性
    • 2.6.5 caption-side属性
  • 2.7设置网页元素的样式
    • 2.7.1超链接样式设置
    • 2.7.2列表样式
    • 2.7.3全局字体文本设置
    • 2.7.4头部样式
• 三.网页布局
  • 3.1DIV进阶（盒子模型）
  • 3.1.1宽高
  • 3.1.2改变盒子大小计算方法
  • 3.1.3边框
  • 3.1.4轮廓
  • 3.1.5内边框
  • 3.1.6外边框
  • 3.1.7外边距合并
  • 3.2给页面元素添加盒子
  • 3.2.1新闻列表
• 四.网页排版
  • 4.1布局与定位
    • 4.1.1相对定位
    • 4.1.2绝对定位
    • 4.1.3固定定位
    • 4.1.4堆叠
  • 4.2浮动
    • 4.2.1概述
    • 4.2.2浮动
    • 4.2.3图文绕排
    • 4.2.4浮动清除
    • 4.2.5
  • 4.3页面元素位置排版
    • 4.3.1浮动列表菜单
    • 4.3.2页面中的左右结构布局及新闻列表样式

---

CSS简介

一. 网页样式

1.1 引入方法

1.1.1内联样式

<标记名 style="样式属性：样式属性值；样式属性：样式属性值；·······"></标记名>

<div style="font-size:20px; line-height:30px; text-align:center: ">设置想要输入的文本</div>

1.1.2内部样式表

在中引入