摘要: 1、验证代码工具: 在线CSS代码分析工具-CssStats:http://www.cssstats.com W3C统一验证工具:http://validator.w3.org/unicom/ 2、代码压缩工具:ctrl+shift+左大括号 或者,站长之家(PR查询等效果)-->代码压缩:tool 阅读全文
posted @ 2020-07-02 17:08 kalends 阅读(159) 评论(0) 推荐(0) 编辑
摘要: 1、元素显示与隐藏:让一个元素从页面上消失,但不在文档源码中删除。 常见:display、visibility、overflow (1)display:转换元素属性block、inline-block / 显示block或者隐藏none,隐藏之后不保留位置; (2)visibility:inhert 阅读全文
posted @ 2020-07-02 17:03 kalends 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 1、定位:position (注:浮动float浮动页面上、定位position固定于一个位置上。) 定位包括定位属性模式和边偏移两部分 (1)定位模式:选择器{ position:属性值}; 属性值:static默 唯一用处是取消定位 relative相对定位 absolute绝对定位 fixed 阅读全文
posted @ 2020-07-02 17:00 kalends 阅读(340) 评论(0) 推荐(0) 编辑
摘要: 1、盒子圆角:border-radius:50% 2、盒子阴影: box-shadow::2px 2px 2px 2px red; 分别对应-->水平阴影、垂直阴影、模糊阴影(虚实)、阴影尺寸(影子大小)、阴影颜色; inset:内/外阴影 3、浮动:float 正常文档流:自上而下 (浮动不会脱离 阅读全文
posted @ 2020-07-02 14:56 kalends 阅读(218) 评论(0) 推荐(0) 编辑
摘要: 盒子边框border 内边距padding:控制盒子的内容,有撑开盒子的问题 外边距margin:盒子和盒子的距离,有外边距合并问题 1、边框:border 边框三个属性必须一起出现:border-width:1px; border-color: red; border-style: solid; 阅读全文
posted @ 2020-07-02 14:28 kalends 阅读(394) 评论(0) 推荐(0) 编辑
摘要: 1、CSS三大特征: (1)层叠性:指多种CSS样式叠加 样式冲突重叠,遵循就近原则,哪个样式离结构近就执行哪个 (2)继承性:子标签会继承某些父标签的样式 如文本颜色或字号会继承(text-、font-、line-),高度不会继承 (3)优先级: 行内样式 > 页内样式 > 外部引用样式 > 浏览 阅读全文
posted @ 2020-07-02 14:19 kalends 阅读(172) 评论(0) 推荐(0) 编辑
摘要: 1、水平居中和垂直居中 A.水平居中: (1)块元素如div(必须有宽)用内边距水平居中:margin:0 auto; (2)行内元素水平居中(如文字):text-align:center (父元素设置text-align: center,子元素设置display: inline-block,子类都 阅读全文
posted @ 2020-07-02 14:09 kalends 阅读(225) 评论(0) 推荐(0) 编辑
摘要: CSS层叠样式表 语法:选择器{属性:值; 属性:值;} h1{ color:red; font-size:14px} 1、引入方式: (1)行内式(内联样式) <div ></div> (2)内联样式 <head> <style> h1{ color:red; font-size:14px} </ 阅读全文
posted @ 2020-07-02 11:43 kalends 阅读(214) 评论(0) 推荐(0) 编辑