2016年10月9日

CSS中clear的用法

摘要: CSS中clear用法: clear有四个属性值: clear:left;right;both;none. 作用:该属性指出了不允许有浮动对象的边。这个属性是用来控制float属性在文档流里的物理位置的。 当属性设置float(浮动)时,它的物理位置已经脱离文档流了,但大多时候我们希望文档流能识别f 阅读全文

posted @ 2016-10-09 21:38 Endding 阅读(4215) 评论(0) 推荐(0) 编辑

语义化标签

摘要: 一、语义化标签的作用和用途: 1.利于搜索引擎的优化; 2.便于开发和团队的维护; 3.可读性高,盲人阅读器等; 4.符合W3C标准,可以减少差异化。 二、部分语义化标签: <header> </header> <nav> </nav> <article> </article> <section> 阅读全文

posted @ 2016-10-09 21:06 Endding 阅读(156) 评论(0) 推荐(0) 编辑

2016年10月7日

CSS选择器权重计算规则

摘要: 1.第一等:代表内嵌样式;如:style=" ",权重值为10000. 2.第二等:代表ID选择器;如:#content,权重值为0100. 3.第三等:代表类,伪类和属性选择器;如:.content,权重值为0010. 4.第四等:代表元素和伪元素选择器;如:div p,权重值为0001. 5.第 阅读全文

posted @ 2016-10-07 22:57 Endding 阅读(1571) 评论(0) 推荐(0) 编辑

CSS选择器

摘要: 一、元素选择器: 其权重值为:0001; 表示为:div{color:red;} 二、类选择器: 其权重值为:0010; 表示为:.div1{color:red;} <div class="div1"> 三、ID选择器: 其权重值为:0100; 表示为:#div1-id{color:red;} <d 阅读全文

posted @ 2016-10-07 22:43 Endding 阅读(210) 评论(0) 推荐(0) 编辑

2016年9月25日

BFC环境

摘要: BFC—Block Formatting Context 块级格式化上下文 它是一个环境,是一个独立的渲染区域,它规定了内部的块级别的Box如何布局,且BFC内和BFC外各不相干。 需要条件触发才能生成BFC环境。 会触发BFC环境的元素: 1.根元素; 2.当float属性不为none时; 3.p 阅读全文

posted @ 2016-09-25 22:17 Endding 阅读(157) 评论(0) 推荐(0) 编辑

hasLayout技术

摘要: Layout是IE的专有概念。HTML的元素中,一些元素默认会有一个布局。当我们说一个元素“拥有Layout”或“得到Layout",或者说一个元素”has Layout"的时候,我们的意思是指它的微软专有属性haslayout被设为了ture.一个“layout元素”可以是一个默认就拥有layou 阅读全文

posted @ 2016-09-25 22:06 Endding 阅读(127) 评论(0) 推荐(0) 编辑

2016年9月17日

bootstrap语法

摘要: 一、bootstrap的目录结构: bootstrap {css/ js/ fonts/ } 二、引用文件: 1.初始化移动浏览显示(宽度等于设备的宽度): <meta name="viewport" content="width=device_width,initial_scale=1.0"> 2 阅读全文

posted @ 2016-09-17 17:43 Endding 阅读(532) 评论(0) 推荐(0) 编辑

less语法

摘要: less是基于css的扩展技术,通过引入变量、混合变量、函数、运算等实现;它简化了css代码,降低了维护成本。 通过解析器-koala,将less转化为css文件。 一、变量: @变量名:值 @text_width:300px; .box{ width:@text_width; height:@te 阅读全文

posted @ 2016-09-17 16:44 Endding 阅读(184) 评论(0) 推荐(0) 编辑

2016年9月11日

css2D转换和3D转换

摘要: 一、2D转换(transform): div{ width:200px; height:200px; border-top:2px soild black; border-left:2px soild red; border-right:2px soild bule; border-bottom:2 阅读全文

posted @ 2016-09-11 21:15 Endding 阅读(374) 评论(0) 推荐(0) 编辑

css过渡和动画

摘要: 一、transition(过渡): 1.规定使用属性的名称; 2.规定时长; 3.配合hover的使用。 div{ width:100px; height:50px; background:red; transition:width 5s linear 2s; } div:hover{ width: 阅读全文

posted @ 2016-09-11 11:39 Endding 阅读(129) 评论(0) 推荐(0) 编辑

导航