Web前端-CSS
文章平均质量分 67
jocelyn_vampire
海阔凭鱼跃,天高任鸟飞
展开
-
CSS定位的一些解释
在刚刚学习定位的时候,会发觉有很多无法控制的地方,尤其是当一个元素绝对定位之后,它的父元素好像变小了,这是怎么回事?原创 2015-04-09 13:07:24 · 454 阅读 · 0 评论 -
怎么用纯css改变select的样式
转载:http://uplifted.net/programming/change-default-select-dropdown-style-just-css/其实,主要是css3的一个新属性appearance的作用,关于appearance可以看下面这个链接:转载 2015-09-14 13:26:23 · 1386 阅读 · 0 评论 -
元素CSS属性的优先次序----论特殊性、继承和层叠之间的关联
特殊性:我们知道如果一个元素有两个或多个冲突的属性声明(比如color:red 和color:blue),那么有最高特殊性的声明就会胜出,这里的特殊性是指选择器的特殊性。选择器的特殊性由选择器本身的组件确定。特殊性的值表述为4个部分,如:0,0,0,0。一个选择器的具体特殊性如下确定:1、对于选择器中给定的各个ID属性值,加0,1,0,0。2、对于选择器中给原创 2015-04-09 12:49:10 · 460 阅读 · 0 评论 -
【转】深入理解BFC和Margin Collapse
转载地址:http://www.w3cplus.com/css/understanding-bfc-and-margin-collapse.html个人觉得这篇文章写得非常好,就不复制粘贴了,直接看原文,在这里对原文的评论进行一些补充:文章里的clearance不论,实际上clear的那块margin-top在小于等于b-margin-bottom+g-margin-top+flo转载 2015-07-31 10:16:23 · 327 阅读 · 0 评论 -
纯css改变radio样式
具体的就是用上css3中的内容,和position,具体的可以参考一下代码,详情可以参考:http://codepen.io/jcpplus/pen/ukvps无标题文档.smart-form :after, .smart-form :before { margin: 0; padding: 0; //@include box-sizing(c转载 2015-07-18 19:53:46 · 5712 阅读 · 0 评论 -
vertical-align的浅谈
参考文章:http://www.zhangxinxu.com/wordpress/?p=813只从开始用display:inline-block之后,vertical-align一直是一个让我头痛的问题,因为有时候它行得通,有时候又行不通,虽然一直尝试,也没得出一个结论。查阅了一些资料,加上这篇文章,有了点认识。首先,我知道vertical-align属性是:该属性定义行内元素原创 2015-07-30 16:57:10 · 502 阅读 · 0 评论 -
学习笔记之 vertical-align
vertical-align:值:baseline | sub | super | top | text-top | middle |bottom | text-bottom | | | inherit初始值:baseline应用于:行内元素和表单元格继承性:无百分数:相对于元素的line-height值计算值:对于百分数和长度值,为绝对长度,否者,根据指定确定说明原创 2015-07-11 10:45:37 · 428 阅读 · 0 评论 -
css学习笔记之 inline-block
inline-block 行内块元素,行内块元素作为一个行内框与其他元素的内容相关。只是这个行内框的高度可以像块一样操作,但是其内部无行分割标准,换句话说就是把该行内框中所有的内容高度当作一行内容的高度。如下图:有方框的是inline-block的元素,hhh...是匿名文本,右上图可知,判断inline-block可以先把各个元素当成行内框,行内框中的内容是默认基于基线对齐的,然后再原创 2015-07-11 00:39:42 · 428 阅读 · 0 评论 -
CSS中的auto
普通流:水平:1、正常流中块级元素框的水平部分总和等于父元素的width。即父元素的width=margin-left+border-left+padding-left+width+padding-right+border-right+margin-right2、这七个属性中,只有三个属性可以设置为auto:width,margin-left,margin-right,原创 2015-04-09 13:01:51 · 1750 阅读 · 0 评论 -
CSS选择器
根据之前提过的特殊性来分配,对于以下文档link1link2link3首先,要说的就是特殊性加0,1,0,0的ID选择器:所谓ID选择器,是根据在css文档中的ID=“值”进行选择,使用“ # ”。比如有#div{color:red;}其次,是特殊性加0,0,1,0的类选择器,属性选择器以及伪类选择器。转载 2015-04-09 12:56:47 · 334 阅读 · 0 评论 -
ie6/ie7/ie8不兼容html5的方法
转载自:http://www.cnblogs.com/Capricornus/archive/2013/03/26/2982122.htmlHTML5的语义化标签以及属性,可以让开发者非常方便地实现清晰的web页面布局,加上CSS3的效果渲染,快速建立丰富灵活的web页面显得非常简单。HTML5的新标签元素有:定义页面或区段的头部;定义页面或区段的尾部;定义页面或区段的导航区域转载 2015-10-15 18:35:38 · 394 阅读 · 0 评论