随笔分类 - CSS
摘要：1、font-style（字体样式风格） /* 属性值： normal：设置字体样式为正体。默认值。 italic：设置字体样式为斜体。这是选择字体库中的斜体字。 oblique：设置字体样式为斜体。人为的使文字倾斜，而不是去使用字体库的斜体字。 */ 2、font-weight（字体粗细） /*
阅读全文
摘要：所谓CSS优先级，即是指CSS样式在浏览器中被解析的先后顺序。样式表中的特殊性描述了不同规则的相对权重。 !important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性 1 内联样式表的权值最高 style="" 1000； 2 统计选择符中的ID属
阅读全文
摘要：CSS的样式表继承指的是，特定的CSS属性向下传递到子孙元素。总的来说，一个HTML文档就是一个家族，然后html元素有两个子元素，相当于它的儿子，分别是head和body，然后body和head各自还会有自己的儿子，最终形成了一张以下的家族谱。 在上图中，可以看到，body的子元素有三个，h1、p
阅读全文
摘要：1、anchor伪类：专用于控制链接的显示效果 :linka:link选择所有未被访问的链接。 :visited a:visited 选择所有已被访问的链接。 :active a:active 选择活动链接。 :hover a:hover 选择鼠标指针位于其上的链接。 例子： <style> a:l
阅读全文
摘要：E[att] 匹配所有具有att属性的E元素，不考虑它的值。（注意：E在此处可以省略。 比如“[cheacked]”。以下同。） p[title] { color:#f00; } E[att=val] 匹配所有att属性等于“val”的E元素 div[class=”error”] { color:#
阅读全文
摘要：1、后代选择器（包括儿子和孙子） .c1 .c2{ color: red; } 2、子代选择器（只选择儿子） .c3 > .c5{ color: red; } 3、与选择器 选择p标签下面的.c1的标签： p.c1{ color: red; } 4、或选择器（同时选择） p.c1,#i1{ colo
阅读全文
摘要：例子： <head> <meta charset="UTF-8"> <title>Title</title> <style> #i1{ color: red; } .c1{ color: red; } .c2{ font-size: 32px; } </style> </head>
阅读全文
摘要：1、行内式 <div style="color: white;background-color: #369;text-align: center">行内设置</div> 2、嵌入式 <html lang="en-US"> <head> <title>锚点的使用</title> <meta chars
阅读全文
