元素的显示与暗藏display显示（暗藏）显示与暗藏 {代码…} 特点先暗藏元素 不占地位 {代码…} visibility(显示与暗藏) {代码…} 特点先暗藏元素 占地位 {代码…} overflow(元素的显示与暗藏)overflow:visible 既不裁切内容也不显示滚动条overflow:hidden 超过内容则被剪裁掉overflow:scroll 总是显示滚动条overflow:…

定位布局的外围：css摆放盒子的地位定位：将盒子定在某一个地位，自在的沉没其它盒子下面定位=定位模式+边偏移边偏移三种布局机制的高低程序规范流 + 浮动 + 定位定位模式 {代码…} 动态定位（理解）static:动态定位 动态定位是定位模式中的默认属性，没有边偏移，在网布布局中简直不必 {代码…} relative（理解）绝对…

项目前期筹备筹备工具ps(切片工具)+ Vs code或其它的开发工具+chorm浏览器筹备文件创建根目录 根目录外面创立html文件 css文件夹 image文件夹 js文件(目前用不上)css书写程序布局流程chorm调试工具关上控制台f12 或ctrl+shift+I 或右击查看疾速定位css行数疾速定位到以后行ctrl+gcss拼写单词谬误注意事项子元素的宽度可…

css布局的三种模式规范流依照元素的显示模式进行排列，故称为规范流浮动次要用于多个块级盒子在同一行显示定位次要把盒子定位到浏览器的某个地位 前面会常常用到定位行内块元素和浮动的区别行内块元素能够让元素在同一行显示，然而两头有空隙，而浮动却恰好解决这个问题float(浮动)设置浮动属性的元素会脱离规范流，会将…

border-style:solid实线边框。 border-style:dashed虚线边框。 brder-style:dotted虚点边框。虚点边框在Chrome和Firefox上是小方点，而在IE浏览器上是小圆点。

解决层数关系，说白了抉择他的div都将成为 “只能看不能用的货色”因为获取以后的div都会时时跟着你！你本来点击的按钮点上来是有效的！因为被你以后圆形的盒子挡住了！只有你用了pointer-events: none那么这个圆形就成了陈设！不信你就点击下方的 干死我 这个按钮

解决层数关系，说白了抉择他的div都将成为 “只能看不能用的货色”因为获取以后的div都会时时跟着你！你本来点击的按钮点上来是有效的！因为被你以后圆形的盒子挡住了！只有你用了pointer-events: none那么这个圆形就成了陈设！不信你就点击下方的 干死我 这个按钮

css盒子模型网页布局的关键点：盒子盒子模型组成部分盒子的组成margin(外边距)border(边框)padding(内边距)content(内容)borderborder-width:盒子的宽度border-style:边框的款式 默认值：none(无款式) solid(实线) dashed(虚线) dotted(点线)border-color:边框的色彩简写形式 {代码…} {代码…} border的边框写法 {代…

复合选择器为什么要应用复合选择器？可能疾速高效的选中指标元素标签复合选择器是由一个或者多个根本选择器 通过不同的组合形式组合而成的后辈选择器 {代码…} 注意事项后辈选择器又被称为蕴含选择器 能够选中指标元素的子孙后代父元素写在后面 子元素写在前面 两头用空格隔开 {代码…} 子元素选择器 {代码…} 留神事…

复合选择器为什么要应用复合选择器？可能疾速高效的选中指标元素标签复合选择器是由一个或者多个根本选择器 通过不同的组合形式组合而成的后辈选择器 {代码…} 注意事项后辈选择器又被称为蕴含选择器 能够选中指标元素的子孙后代父元素写在后面 子元素写在前面 两头用空格隔开 {代码…} 子元素选择器 {代码…} 留神事…