css
糖糖有点甜
这个作者很懒,什么都没留下…
展开
-
块级元素和行内元素的区别
块级元素和行内元素的区别1、块级元素可以设置宽度和高度属性,而行内元素不行;2、块级元素:display:block; 而行内元素:display:inline;3、块级元素可以设置margin、padding,而行内元素水平方向margin-left、margin-right、padding-left和padding-right可以有效,竖直方向上的margi转载 2015-10-13 17:54:01 · 407 阅读 · 0 评论 -
css技巧
0. 目录目录引言正文1 使用not给导航条添加间隔线2 给body元素增加Line-Height属性3 任意元素垂直居中4 逗号分隔的列表5 在nth-child中使用负数6 使用svg图标7 文本显示优化8 在Pure CSS Sliders中使用max-height9 初始化box-sizing10 表格单元格等宽11 使用Flexbox摆脱各种Margin转载 2015-10-13 17:19:36 · 330 阅读 · 0 评论 -
css伪类
伪类选择器链接伪类css2.1定义了两个只应用于超链接的伪类:link 指示作为超链接(即有一个href属性)并指向一个未访问地址的所有锚。注意,有些浏览器可能会不 正确地将:link解释为指向任何超链接,包括已访问和未访问的超链接:visited 指示作为已访问地址超链接的所有锚css2.1定义了三个动态伪类,它们可以根据用户行为改变文翻译 2017-02-04 14:54:03 · 680 阅读 · 0 评论 -
css伪元素
伪元素选择器就像伪类为锚指定幻象类一样,伪元素能够在文档中插入假想的元素,从而得到某种效果。css2.1定义了四个伪元素:设置首字母样式、设置第一行样式、设置之前和之后元素的样式设置首字母样式p:first-letter {}这个规则会选中每一段的第一个字母设置第一行的样式p:first-line {}这个规则会选中每一段所显示的第一行文本设置之前和之后元素的样式假设想设置一种排版效果,在每个h2元翻译 2017-02-04 15:08:35 · 462 阅读 · 0 评论 -
css属性选择器
css2引入了属性选择器,它可以根据元素的属性以及属性值来选择元素。共有4中类型的属性选择器:1. 简单属性选择<h1 class=""></h1>h1[class] {}<planet moons=""></planet>planet[moons] {}<img alt="" />img[alt] {}*[title] {}a[href][title] {}2、根据具体属性值选择a[href翻译 2017-02-03 17:22:01 · 734 阅读 · 1 评论 -
css后代选择器
如果一个元素出现在文档层次结构中另一个元素的上层,则称前者是后者的父元素。 父子关系是祖先-后代关系的特例。这二者之间有一个区别:在树视图中,如果一个元素在另一个元素的直接上一层,它们就有父子关系。如果从一个元素到另一个元素的路径上要经过两层或多层,这些元素则有祖先-后代关系,而不是父子关系(当然子元素也算是后代,父元素也算是祖先)定义后代选择器就是来创建一些规则,它们仅在某些结构中起作用h1 e翻译 2017-02-04 13:20:40 · 1450 阅读 · 0 评论 -
css相邻兄弟元素选择器
要选择紧接在另一个元素后的元素,并且二者有相同的父元素,可以使用相邻兄弟结合符,这表示为一个加号(+)。与子结合符一样,相邻兄弟结合符旁边可以有空白符。要去除紧接在一个h1元素后出现的段落的上边距h1 + p {margin-top: 0;}如果相邻元素之间多了一行文本,还是可以用+选择器来匹配第二个元素,这是因为中间的文本并不包含在兄弟元素中,而只是父元素的一部分翻译 2017-02-04 13:59:52 · 5224 阅读 · 1 评论