css
文章平均质量分 87
alisaGreen
纵然没有那般天赋,也想一步步跟上脚步
展开
-
伪类与伪元素的区别
伪类与伪元素,傻傻分不清楚。伪类(pseudo-classes)官方定义:The pseudo-class concept is introduced to permit selection based on information that lies outside of the document tree or that cannot be expressed using the oth...转载 2020-02-26 16:24:01 · 265 阅读 · 0 评论 -
结合整理的css用border画三角形的原理
http://www.cnblogs.com/blosaa/p/3823695.html http://blog.163.com/neusoft_hao@yeah/blog/static/120544724201462235455382/ 这里留有一个问题,下次来再看看,这些是我参考的前辈和觉得有用的网址,可以深入研究的,所以对于这类css border的画图还是很有帮助的转载 2016-02-17 21:52:19 · 745 阅读 · 0 评论 -
text-align:center 和margin:0 auto的区别
1.text-align: 属性规定元素中的文本的水平对齐方式; 该属性通过指定行框与哪个点对齐,从而设置块级元素内文本的水平对齐方式; 一般情况下设置文本对齐方式的时使用此属性。支持值 justify。 Example: div { text-align: left; } //文本居左对齐 注释:所有浏览器都支持 text-alig转载 2016-07-07 11:04:47 · 1061 阅读 · 0 评论 -
重绘和回流
在讨论页面重绘、回流之前。需要对页面的呈现流程有些了解,页面是怎么把html结合css等显示到浏览器上的,下面的流程图显示了浏览器对页面的呈现的处理流程。可能不同的浏览器略微会有些不同。但基本上都是类似的。1. 浏览器把获取到的HTML代码解析成1个DOM树,HTML中的每个tag都是DOM树中的1个节点,根节点就是我们常用的document对象。DOM树里包含了所有HTML标签转载 2017-03-22 22:57:24 · 338 阅读 · 0 评论 -
读大神的博客后对于position:absolute,position:fixed的总结
1、没有定义值得absolute和float一样,是脱离文档流的eg:.image{position:absolute;width:50px;height:50px;}.box2{padding-left:60px;background: red;}.container3{overflow: hidden;zoom:1;}.image3{float:left;width:50p原创 2017-04-28 11:07:27 · 2084 阅读 · 0 评论 -
css在ie7中overflow:hidden失效的解决方法
css兼容ie7:做页面的时候用负边距居中的时候在IE7下面,父节点中的overflow:hiden失效的问题,查阅了一些资料,总结一下解决方法。问题原因:当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效。解决方法:我们在IE7内发现子元素会超出父元素设定的高度,即使父元转载 2017-05-17 16:11:42 · 360 阅读 · 0 评论 -
max(min)-device-width和max(min)-width的区别
max(min)-device-width和max(min)-width的区别在网页自适应设计中,max-device-width和max-width是不可缺少的两大CSS属性,但是可能大家在使用的选择上没有太多讲究,认为用其中一个即可。确实,如果没有特定要求,用任何一个都没有什么问题,不过如果你对此两个属性有了充分的认识之后,你或许把网页的自适应设计得更为极致一些。max-device-wi...原创 2019-05-15 11:21:41 · 1076 阅读 · 0 评论 -
css清除浮动方法小结
清除浮动其实主要解决的就是高度塌陷问题,具体在此不再赘述~~~那些年我们一起清除过的浮动(大佬博客,写的挺不错)方法小结:1.1)添加额外标签这是在学校老师就告诉我们的 一种方法,通过在浮动元素末尾添加一个空的标签例如 ,其他标签br等亦可。<div class="main left">.main{float:left;}</div><div class="...转载 2020-02-26 17:02:58 · 738 阅读 · 0 评论