随笔分类 -  CSS(3)

table表格
摘要：1.合并单元格边框 border-collapse:collapse; table{ border-collapse:collapse; /* 合并单元格边框 */ } table td{ border:1px solid #666; } 2.table中的其他元素 caption:表格的标题 th 阅读全文
posted @ 2020-04-29 23:11 白邪 阅读(236) 评论(0) 推荐(0)
CSS特性(属性的继承和层叠)
摘要：1.子元素并不是可以继承父元素的所有属性,可以使用 inherit 进行强制继承 .box{ width:300px; background:pink; } img{ /*width:100%; 方式一: 宽度会根据父级元素的变化而变化 */ width: inherit; /* 方式二: 强制继承 阅读全文
posted @ 2020-04-29 20:31 白邪 阅读(392) 评论(0) 推荐(0)
CSS中的伪元素
摘要：一般伪元素是 (::)两个冒号,也有用一个冒号的,开发中为了区分伪元素和伪类,建议使用两个冒号 1、:first-line > ::first-line：第一行 只有字体，颜色，背景属性可以应用到 first-line 伪元素中 2、:first-letter > ::first-letter：第一 阅读全文
posted @ 2020-04-29 16:39 白邪 阅读(333) 评论(0) 推荐(0)
CSS中的伪类
摘要：1.动态伪类 :link(未访问)，:visited(已访问)，:hover(经过)，:active(点击时)，:focus(获取焦点时) 顺序:link-> visited-> focus-> hover-> avtive /* :hover 和 :active 除了在 a 元素中可以使用,也可以 阅读全文
posted @ 2020-04-29 16:16 白邪 阅读(980) 评论(0) 推荐(0)
font-family字体细节
摘要：1.font-family(设置字体) 一般网页设置字体时，会设置多个，为防止设置的字体刚好系统中不存在。 div{ font-family:Consolas,Symbol,'Microsoft Sans Serif','微软雅黑'; } 注意：一般情况下，英文字体只适用于英文，中文字体同时适用于英 阅读全文
posted @ 2020-04-28 23:27 白邪 阅读(1196) 评论(0) 推荐(0)
文本设置
摘要：1.word-spacing：单词间距 2.letter-spacing：字母间距 3.text-transform：用于设置文字的大小写转换 capitalize：单词首字母变为大写 uppercase：单词所有字符变大写 lowercase：单词所有字符变小写 none：没有影响 4.text- 阅读全文
posted @ 2020-04-28 22:34 白邪 阅读(438) 评论(0) 推荐(0)
小技巧-查看别人网站布局
摘要：div{ outline:2px solid red !important; } 阅读全文
posted @ 2020-04-28 19:12 白邪 阅读(301) 评论(0) 推荐(0)
类的名字规范
摘要：1.见名知意 2.当多个单词时，以什么样的方式连接 *　_ 连接：large_font *　- 连接：large-font *　驼峰连接：largeFont 阅读全文
posted @ 2020-04-28 18:16 白邪 阅读(229) 评论(0) 推荐(0)