qq_46533383的博客

建议遵循以下顺序：布局定位属性：display / position / float / clear / visibility / overflow（建议 display 第一个写，毕竟关系到模式）自身属性：width / height / margin / padding / border / background文本属性：color / font / text-decoration / text-align / vertical-align / white- space / break-word

/*清除元素默认的内外边距 */* { margin: 0; padding: 0}/*让所有斜体 不倾斜*/em,i { font-style: normal;}/*去掉列表前面的小点*/li { list-style: none;}/*图片没有边框 去掉图片底侧的空白缝隙*/img { border: 0; /*ie6*/ vertical-align: middle;}/*让button 按钮 变成小手*/button

文章目录1. 定位详解1 边偏移2 定位模式 (position)a. 静态定位(static) - 了解b. 相对定位(relative) - 重要c. 绝对定位(absolute) - 重要d 固定定位(fixed) - 重要2. 定位(position)的扩展1 绝对定位的盒子居中2 堆叠顺序（z-index）3 定位改变display属性3. 定位小结1. 定位详解定位也是用来布局的，它有两部分组成：定位 = 定位模式 + 边偏移1 边偏移简单说， 我们定位的盒子，是通过边偏移来移动

文章目录盒子模型1.盒子很重要2. 盒子模型（Box Model）3. 盒子边框（border）3.1 边框综合设置3.2 盒子边框写法总结表3.3 表格的细线边框4. 内边距（padding）4.1 内边距：4.2 设置4.3 案例： 新浪导航4.4 内盒尺寸计算（元素实际大小）4.5 内边距产生的问题4.6 padding不影响盒子大小情况5. 外边距（margin）5.1 外边距5.2 设置：5.3 块级盒子水平居中5.4 文字居中和盒子居中区别5.5 插入图片和背景图片区别5.6 清除元素的默认内

文章目录1.浮动1.1 什么是浮动(float)作用语法1). 浮动口诀之 浮2). 浮动口诀之 漏3). 浮动口诀之 特1.2 浮动(float)小结1.3 浮动(float)的应用（重要）浮动和标准流的父盒子搭配1.4 浮动(float)的扩展1). 浮动元素与父盒子的关系2). 浮动元素与兄弟盒子的关系2. 清除浮动2.1 为什么要清除浮动2.2 清除浮动本质2.3 清除浮动的方法1).额外标签法(隔墙法)2).父级添加overflow属性方法3).使用after伪元素清除浮动4).使用双伪元素

文章目录1 CSS层叠性2 CSS继承性3 CSS优先级（重点）1). 权重计算公式2). 权重叠加3). 继承的权重是01 CSS层叠性概念：所谓层叠性是指多种CSS样式的叠加。是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上，那么这个时候一个属性就会将另一个属性层叠掉原则：样式冲突，遵循的原则是就近原则。 哪个样式离着结构近，就执行那个样式。样式不冲突，不会层叠2 CSS继承性概念：子标签会继承父标签的某些样式，如文本颜色和字号。

1 背景颜色(color)语法： background-color:颜色值; 默认的值是 transparent 透明的2 背景图片(image)语法：background-image : none | url (url) 参数作用none无背景图（默认的）url使用绝对或相对地址指定背景图像background-image : url(images/demo.png);小技巧： 我们提倡 背景图片后面的地址，url不要加引号。3

1 什么是标签显示模式什么是标签的显示模式？标签以什么方式进行显示，比如div 自己占一行， 比如span 一行可以放很多个作用：我们网页的标签非常多，再不同地方会用到不同类型的标签，以便更好的完成我们的网页。标签的类型(分类)HTML标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。2 块级元素(block-level)例：常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<

1 font总结属性表示注意点font-size字号我们通常用的单位是px 像素，一定要跟上单位font-family字体实际工作中按照团队约定来写字体font-weight字体粗细记住加粗是 700 或者 bold 不加粗 是 normal 或者 400 记住数字不要跟单位font-style字体样式记住倾斜是 italic 不倾斜 是 normal 工作中我们最常用 normalfont字体连写1. 字体连写是有顺序的

文章目录选择器的作用选择器的分类一 基础选择器(简单)1 通配符选择器2 标签选择器3 id选择器4 类选择器5 id选择器和类选择器的区别6 基础选择器总结二 复合选择器（有点重要哦）1.后代选择器2.子元素选择器3.交集选择器4.并集选择器5.复合选择器总结三 有点高级的选择器（哈哈哈）1.属性选择器2.链接伪类选择器3.结构伪类选择器1）`nth-child` 参数详解2）`nth-child` 和 `nt-of-type` 的区别3. 伪元素选择器选择器的作用CSS选择器干啥的? 选择标签

表格的作用表格用来展示数据，可以让数据显示整齐规范（不是用来布局的）1 创建表格<table> <tr> <td>单元格内的文字</td> ... </tr> ...</table>table、tr、td，他们是创建表格结构的基本标签，缺一不可。table用于定义一个表格标签。tr标签 用于定义表格中的行，必须嵌套在 table标签中。td 用于定义表格中的单元格，必须嵌套在标签中。字母