CSS3中,追加了三个属性选择器分别为: [att*=val]。属性值中有val的元素被选中 [att^=val] 属性值中以val 开头的 [att$=val] 属性值中以val结束的 如果val为数字则数字前边加反斜杠 使属性选择器有通配符的概念 ////伪类选择器 伪元素选择器 first-l ...
分类:
Web程序 时间:
2018-05-31 20:35:48
阅读次数:
236
回顾: 浮动:是css中布局最多的一个属性有浮动,一定要清除浮动浮动不是一个元素单独浮动,要浮动一起浮动清除浮动四种方式:1.给父盒子添加高度,一般导航栏2.给浮动元素后面加一个空的块标签, 并且设置clear:both3. 伪元素清除法 给父元素设置 .clearfix:after{ conten ...
分类:
Web程序 时间:
2018-05-29 20:42:14
阅读次数:
205
盒子模型 margin 设置外边距宽度 有4个值的时候: maigin 10px 5px 15px 20px; (上、右、下、左)有3个值的时候: margin: 10px 5px 15px; (上、左右、下)有2个值的时候: magin: 10px; (代表4个值都是10px) ...
分类:
Web程序 时间:
2018-05-25 13:57:21
阅读次数:
242
css中的属性是插入生成的内容,它一般与伪元素:befor和 :after 配合使用。 content:"." 就表示在需要的地方插入"." 注意:如果已经规定 !DOCTYPE,那么 IE8 及更高版本才支持 content 属性。 ...
分类:
Web程序 时间:
2018-05-21 19:35:41
阅读次数:
179
css中的属性是插入生成的内容,它一般与伪元素:befor和 :after 配合使用。 content:"." 就表示在需要的地方插入"." 注意:如果已经规定 !DOCTYPE,那么 IE8 及更高版本才支持 content 属性。 ...
分类:
Web程序 时间:
2018-05-21 19:31:37
阅读次数:
258
虽然标题里写的是伪元素,不过这篇文章主要是说::before和::after,其余几个伪元素(::first-letter、::first-line、::selection等)由于没有content属性,所以本文一笔带过,其实方法是一样的。伪元素的重点在于一个伪,虽然它们可以被浏览器渲染引擎识别并正 ...
分类:
编程语言 时间:
2018-05-12 15:13:53
阅读次数:
291
0.参考 https://developer.mozilla.org/en-US/docs/Web/API/Window/getComputedStyle 0.1 Use with pseudo-elements getComputedStyle can pull style info from p ...
分类:
Web程序 时间:
2018-05-12 03:09:33
阅读次数:
275
外边距合并 外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。解决方法如下: 1、使用这种特性 2、设置一边的外边距,一般设置margin top 3、将元素浮动或者定位 margin top 塌陷 在两个盒子嵌套时候,内部 ...
分类:
Web程序 时间:
2018-05-12 02:41:55
阅读次数:
207
一、移动端适配 方法一:viewport自适应屏幕宽度 在html中创建meta标签:页面的宽度等于屏幕的宽度。 方法二:框架搭建页面 二、移动端问题 (1)、1px 边框 方法一:伪元素 + transform 实现 方法二:view + rem 实现 (2)、移动端布局方式 方法一:响应式布局 ...
分类:
移动开发 时间:
2018-05-09 00:00:00
阅读次数:
270