2201_75798871的博客

那么无论怎么padding, border, margin属性怎么变，只要确定了盒子width ，height，盒子大小就不变。/* 盒子阴影: 水平偏移量 垂直偏移量 模糊距离 扩散距离 阴影颜色 */多行显示省略号，修改盒子高度为正好显示行数的高度。/* 过渡写到盒子身上。谁做过渡给谁加 */

网页布局的本质——用CSS 来摆放盒子。把盒子摆放到相应位置.CSS 提供了三种传统布局方式(简单说,就是盒子如何进行排列顺序)：普通流（标准流）浮动定位所谓的标准流: 就是标签按照规定好默认方式排列.以上都是标准流布局，我们前面学习的就是标准流，标准流是最基本的布局方式。这三种布局方式都是用来摆放盒子的，盒子摆放到合适位置，布局自然就完成了。注意实际开发中一个页面基本都包含了这三种布局方式（后面移动端学习新的布局方式)提问：我们用标准流能很方便的实现如下效果吗？比较难，虽然转换为行内块元素可以实现一行

CSS 有三个非常重要的三个特性：层叠性、继承性、优先级。相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题层叠性原则：样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式样式不冲突，不会层叠行高的继承性行高可以跟单位也可以不跟单位如果子元素没有设置行高，则会继承父元素的行高为1.5此时子元素的行高是：当前子元素的文字大小* 1.5body 行高1.5 这样写法最大的优势就是里面子元素可以根据自己文字大小自动调整行高当同一个元素指

Emmet语法的前身是Zen coding,它使用缩写,来提高html/css的编写速度, Vscode内部已经集成该语法.快速生成HTML结构语法快速生成CSS样式语法Snipaste是一个简单但强大的截图工具，也可以让你将截图贴回到屏幕上.常用快捷方式:1.F1 可以截图. 同时测量大小, 设置箭头书写文字等2.F3 在桌面置顶显示3.点击图片, alt 可以取色(按下shift 可以切换取色模式)4.按下esc 取消图片显示CSS 基本采取简写形式即可.简写形式：各个单词首字母缩写即可比如 w200

CSS Fonts (字体)属性用于定义字体系列、大小、粗细、和文字样式（如斜体）。/* 定义字体 */ font-family : "微软雅黑";/* 实际开发中，我们更提倡使用数字 表示加粗或者变细 */ font-weight : 400;/* 设置字体样式 */ font-style : italic;} body {} .bold {*/ /* 这个700的 后面不跟单位，等价于bold都是加粗的效果*/ font-weight : 700;} em {

dl > < dt > 名词1 </ dt > < dd > 名词1解释1 </ dd > < dd > 名词1解释2 </ dd > </ dl >< dl > < dt > 名词1 </ dt > < dd > 名词1解释1 </ dd > < dd > 名词1解释2 </ dd > </ dl ></< dl > < dt > 名词1 </ dt > < dd > 名词1解释1 </ dd > < dd > 名词1解释2 </ dd > </ dl >