CSS 小结笔记之选择器

【CSS 小结笔记之选择器】的更多相关文章

CSS 小结笔记之选择器

Css选择器主要分为以下几类类选择器 ID选择器通配符选择器标签选择器伪类选择器复合选择器 1.类选择器:通过.classname 来选择例如 .color2 { color: rebeccapurple; } 同一个标签可以通过多个类名来指定多个样式,但是若其中有重叠部分,则按权重值重叠,若在同一权重级别中,如都是内部样式表中的,则按照上下关系,下面的覆盖上面的. 例如: .classtest1 { font-size: 25px; color: blue; } .classtes…

CSS 小结笔记之解决flex布局边框对不齐

在使用flex 进行伸缩布局的时候,经常会给子盒子设置边框,这时经常会出现上下边框对不齐的情况.本篇文章来探讨并解决这个问题. 具体出现的问题如下图所示具体代码如下 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wi…

CSS 小结笔记之浮动

在css中float是一个非常好用的属性,float最基本用法是用来做文字环绕型的样式的. 基本用法:float:left | right 例如 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initia…

CSS学习笔记之选择器

目录 1.元素选择器 2.继承 3.选择器分组 4.声明分组 5.后代选择器 6.子元素选择器 7.相邻兄弟选择器 8.类选择器 9.ID 选择器 10.属性选择器 11.伪类 12.伪元素 1.元素选择器最常见的 CSS 选择器莫过于元素选择器,换言之,HTML 文档中的元素是最基本的选择器 body {color:black;} h1 {color:gray;} p {color:white;} 2.继承根据 CSS 规则,子元素将会继承最高级元素所拥有的属性.例如,如果在 body 元…

CSS学习笔记(1):选择器

一.元素选择器 HTML文档元素就是最基本的选择器如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <style type="text/css"> p {color:blue;} </style> </head> &…

精通CSS version2笔记之⒈选择器

1.常用的选择器:①元素选择器指定希望应用样式的元素.比如:p {color:#fff;}②后代选择器寻找特定元素或者元素的后代. 比如:body p{color:#ccc;} 这个选择器和子选择器body>p的区别是:body>p是指body下作为子元素的所有节点P,而后代选择是body下面所有的节点P,可以说子元素选择器是一种特殊的后代选择器. ③类选择器指定特定的类应用样式比如.a{color:#ccc;} 类选择器命名最好根据…

CSS 小结笔记之图标字体（IconFont）

本篇主要介绍一种非常好用的图标大法——图标字体(IconFont). 什么是图标字体?顾名思义,它是一种字体,只不过这个字体显示的并不是具体的文字之类的,而是各种图标. 网站上经常会用到各种图标,之前网页上使用图标主要采用精灵图(背景位置+背景缩放)来实现,但是这样使用起来有许多不便之处,一方面缩放处理起来比较麻烦,一方面如果要改动一些图标就需要去找到设计人员重新设计,然后重新添加,这个过程非常不友好. 图标字体可以非常便捷的去解决以上问题,使用起来也非常简单.因为他是字体,所以可以当成字体来引…