文章分类 -  CSS

css行高line-height的一些深入理解及应用
摘要：css行高line-height的一些深入理解及应用byzhangxinxufromhttp://www.zhangxinxu.com本文地址：http://www.zhangxinxu.com/wordpress/?p=384二、一些字面意思“行高”顾名思意指一行文字的高度。具体来说是指两行文字间... 阅读全文
posted @ 2015-12-18 16:46 TodayCC 阅读(178) 评论(0) 推荐(0)
css浮动中避免包含元素高度为0的4种解决方法
摘要：当一个元素只包含浮动元素的时候，它会出现高度折叠，即元素的上下底边重合，和高度为0效果一样，针对这个问题与大家分享四种解决方法.1 给包含元素设置高度height最直接的办法是给包含元素设置一个高度，在本例中就是给ul标签添加height属性，添加后的代码如下: ul { list-styl... 阅读全文
posted @ 2015-09-15 15:54 TodayCC 阅读(1115) 评论(0) 推荐(0)
div水平垂直居中的解决方案
摘要：让div水平居中对齐 .style{margin-left:auto;margin-right:auto;} 缩写形式为： .style{margin:0 auto;} 数字0 表示上下边距是0。可以按照需要设置成不同的值。让div水平垂直居中 position:fixed; left:... 阅读全文
posted @ 2015-09-14 15:18 TodayCC 阅读(82) 评论(0) 推荐(0)
替换元素、非替换元素、块及元素、行内元素
摘要：元素是文档结构的基础，在css里面，每个元素生成了包含内容的框（box）,大家都叫“盒子”。但是不同的元素显示方式是不同的，有占据一整行的，有水平一个挨着一个的。比如：div 与span的方式不一样。什么是替换元素与非替换元素替换元素：替换元素是浏览器根据其标签的元素与属性来判断显示具体的内容。比如... 阅读全文
posted @ 2015-09-06 20:09 TodayCC 阅读(151) 评论(0) 推荐(0)
less手册
摘要：一、前言 说到前端构建怎能缺少CSS预处理器呢！其实CSS的预处理器有很多啦，比较出名的有Scss、Sass、Stylus和Less。（最近还听说出现了Autoprefixer等CSS后处理器，可参考@一丝的PPT） 众多CSS预处理器中Les... 阅读全文
posted @ 2015-08-25 17:51 TodayCC 阅读(326) 评论(0) 推荐(0)
动态添加样式表规则
摘要：有时我们需要在.js文件对文档动态引入一些CSS样式。对于一些短小的CSS代码来说，这好办，我们可以调用其style方法，如ddd.style.border = "1px solid red";varddd = document.getElementById("ddd");如果再长一点也无所谓：va... 阅读全文
posted @ 2015-08-05 17:52 TodayCC 阅读(81) 评论(0) 推荐(0)
Css-相对长度单位
摘要：css 共有3种相对长度单位。1、em：一个em定义为一种给定字体的font-size值。如果一个元素的font-size为14像素，那么对于该元素，1em就等于14像素。 上述代码效果如图： 2、ex：ex是指所用字体中小写x的高度; 相同的文本使用了不同的字体，不同字体的em可能不同。... 阅读全文
posted @ 2015-07-31 14:42 TodayCC 阅读(309) 评论(0) 推荐(0)