CSS
关注
分享
扫一扫
文章平均质量分 56
Ling201509
这个作者很懒，什么都没留下…
展开
-
布局方法
一、浮动与定位二、弹性盒子——最好加指定浏览器前缀 将父元素指定为display：box(/inline-box/inline-flex)时，子元素就变为弹性盒子遵循父元素制定的排序方式。不遵循标准流的规则。box-orient: 排列方式 horizontal;横向排列 vatical;纵向排列box-pack: 子元素的对齐方式——基于父元素 start; 从开始位原创 2015-10-05 13:28:48 · 1273 阅读 · 0 评论 -
<!DOCTYPE>声明
DOCTYPE不可怕，但把它拿走，会让你怕了又怕。 发现很多朋友提出有关DIV+CSS排版问题，以及IE与FF的兼容问题。怎么问的都有，结果就是一个——显示很奇怪，很难调整。我们浏览的大多数网站，或者用Dreamweaver创建一个新的网页文档时，源码的顶部都会有DocType声明，但是很多人没有注意它，甚至在创作时候直接将它删掉，其实这往往就是噩梦的开始。在遵循标准的任何Web文档中，DOCTY转载 2015-10-11 00:11:30 · 664 阅读 · 0 评论 -
Less的引用
Less语法介绍 body { background-color: #eee; } 引入Less语法：<link rel="stylesheet/less" type="text/css" href="styles.less"><script src="less.js" type="text/javascript"></script> 说明： less.js文件必须在引入的les转载 2015-10-05 13:17:56 · 2972 阅读 · 1 评论 -
CSS样式——边框、背景、表格
border 边框属性——应用于所有块级标签行内标签转换为块级标签——display：block；简写顺序border-top-right-bottom-left; border-width-style-color例如：p.abc { border-style:solid botted dashed double;}p.acd { border:3px solid r原创 2015-09-19 00:49:46 · 722 阅读 · 0 评论 -
web标准化设计：常用的CSS命名规则
命名时需要注意的点：1.规则命名中，一律采用小写加中划线的方式，不允许使用大写字母或 _ 2.命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合 3.命名注意缩写，但是不能盲目缩写，具体请参见常用的CSS命名规则 4.不允许通过1、2、3等序号进行命名 5.避免class与id重名 6.id用于标识模块或页面的某一个父容器区域，名称必须唯一，不要随意新建id 7.class用于转载 2015-10-05 14:45:02 · 741 阅读 · 0 评论 -
CSS——样式表；选择器；优先级
在HTML中加入样式表：【type=”text/css”】将style对象的type属性设置为“text/css”是允许不支持这类型的浏览器忽略样式表单。外部样式表：【要求/推荐使用：方便后期维护以及修改，并可以重复使用在多个网页。】 有两种方式： 1、在Web文档的段使用<link>标记,讲一个外部样式表链接到文档中：<head> <link href="url(***.css)" r原创 2015-09-17 23:01:18 · 1058 阅读 · 0 评论 -
浮动与定位、bfc和ifc
浮动与定位浮动清除前面所有元素的浮动对这个元素的影响。 clear: left; right; both; 前面元素哪边浮动就清除哪边，前面所有元素的浮动都清除时用both。定位属性position： static 没有定位（默认） absolute；绝对定位 relative；相对定位 fix原创 2015-09-27 17:14:53 · 640 阅读 · 0 评论 -
css3 新增属性
css3 新增属性背景background-origin: 背景图像显示的原点。background-clip 规定背景的绘制区域。 padding-box; 从padding区域（含padding）开始显示背景图像。 border-box; 从border区域（含border）开始显示背景图像。 content-box; 从content区域开始显示背景图像。background-原创 2015-09-27 17:23:39 · 1701 阅读 · 0 评论 -
浏览器兼容、CSS3 选择器
浏览器兼容(1)方法一 条件注释法IE大小写无关系1.只在IE中生效<!--[if IE]> 这段文字只在IE浏览器显示.<![endif]-->2.只在IE6中生效<!--[if IE 6(6/7/8)]> 这段文字只在IE6(或7或8...)浏览器显示.<![endif]-->3.只在IE6以上版本生效<!--[if gte IE 6]> 这段文字只在IE6版本原创 2015-09-27 17:16:56 · 809 阅读 · 0 评论 -
CSS让脚部始终在页面底部
让页脚始终在页面底部，不论页面内容是多或者少页脚始终在页面底部。方法一：/*css----------------------------------------------------------------------------------------------------*/body,html { height: 100%; margin: 0;}.wrap {原创 2016-07-08 14:34:19 · 1909 阅读 · 0 评论