weixin_48606165的博客

一. 浮动(float) 所要掌握的知识 CSS 的布局的三种机制 普通流在布局中的特点 我们为什么用浮动 我们为什么要清除浮动 应用 能够利用浮动完成导航栏案例 能够清除浮动 能够使用PS切图工具 1.1 CSS 布局的三种机制 网页布局的核心——就是用 CSS 来摆放盒子。 CSS 提供了 3 种机制来设置盒子的摆放位置，分别是普通流（标准流）、浮动和定位，其中： 普通流（标准流） （1） 块级元素会独占一行，从上向下顺序排列； 常用元素：div、hr、p、h1~h6、ul、ol、

一、盒子模型 1.应用： 能利用边框复合写法给元素添加边框 能计算盒子的实际大小 能利用盒子模型布局模块案例 2.看透网页布局的本质： 首先利用CSS设置好盒子的大小，然后摆放盒子的位置。 最后把网页元素比如文字图片等等，放入盒子里面。 以上两步 就是网页布局的本质 盒子是网页布局的关键点 3.盒子模型的概念： 就是把HTML页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。 4.标准的盒子模型 盒子模型有元素的内容（content）、边框（border）、内边距（padding

内容摘要： 1.css选择器分基础选择器和复合选择器。css复合选择器有后代选择器、子元素选择器、交集选择器和并集选择器。 2.标签显示模式有三种：块级元素、行内元素、行内块元素。 3.css背景设置包含：背景颜色（color）、背景图片（image）、背景平铺（repeat）、背景位置（position）等 4.css三大特性：层叠性、继承性、优先级 一、 CSS复合选择器 应用 使用后代选择器给元素添加样式 使用并集选择器给元素添加样式 使用伪类选择器 为什么要学习css复合选择器 CSS选

一、css概念及作用 1.概念：CSS(Cascading Style Sheets) ，通常称为CSS样式表或层叠样式表（级联样式表） 2.作用： 主要用于设置 HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式。 CSS以HTML为基础，提供了丰富的功能，如字体、颜色、背景的控制及整体排版等，而且还可以针对不同的浏览器设置不同的样式。 二、引入css样式 引入css样式有两种：行内式、内部样式表、外部样式表（外链式）