![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
jason3721
这个作者很懒,什么都没留下…
展开
-
关于CSS布局
这里介绍常用的CSS布局。1、一列固定宽度居中:常用于网站大框架的搭建#layout{width:300px;height:300px;margin:0px auto;}实现居中的关键在于设置了margin:0px auto;当给div的左右边距设置为auto时,浏览器会见div的左右边距设为相同从而呈现出居中的状态。如果使用内边距,padding:0px auto;是否也可以达到要求呢?哈哈哈,原创 2012-12-26 16:36:05 · 181 阅读 · 0 评论 -
好玩的CSS属性之Selection
近来一直在研究css这东西,在w3cplus上看博文时发现了::selection这个属性,相信很多人都不知道这个属性的存在。该属性用于在网页中选择一段文字时,赋予的属性——文字的背景和颜色……/*Webkit,Opera9.5+,Ie9+*/ ::selection { background: 颜色值; color:颜色值; } /*Mozilla Firefox*/原创 2012-12-26 16:36:09 · 360 阅读 · 0 评论 -
网页重构的步骤
进来公司快一个月,因为还没有毕业,公司暂时还把我晾在那里,没有活干。唉!终于,领导说我的任务快一下来了,一打听,是做页面重构。想了想也不错,作为一个web前端开发者,页面重构确实是基础,也是战线上的先锋。夹在设计师与前端工程师之间,在交流上,可能就比较频繁了。在网上看了一些帖子,对于新人的指引如下:一般接到一个新的需求,流程上分为以下几个阶段:1、查看设计稿,阅读需求文档、原型图;2、分析设计稿,原创 2012-12-26 16:36:01 · 1096 阅读 · 0 评论 -
清除浮动的方式?
还是再看w3cplus网站,一篇关于清除浮动的文章中提到——清除浮动的三种方式,啥!还有两种吗?我从来都只知道用clear:both哦,在浮动的div后面插入一个清除浮动的div即可了……果然是水了啊我!第二种清理浮动的方式十分便捷,不必再添加一个DIV了。只需要给父级div添加一个css属性:overflow: auto;当然这个属性IE它又不支持,因此要hack一下了,使用 zoom:1;来触原创 2012-12-26 16:36:12 · 199 阅读 · 0 评论 -
盒模型之margin的叠加与加倍
1、上下margin叠加问题当两个对象呈上下关系,都具备margin属性,同时都不是浮动,这时候margin属性会造成外边距的叠加。html代码如下所示:css如下:*{margin:0px;padding:0px;}#a { background-color: #999; height: 100px; width: 200px; margin:10px;}#b { background-colo原创 2012-12-26 16:36:07 · 366 阅读 · 0 评论 -
闭合浮动元素(转发)
在blueidea上看到这个帖子写的特好,转自:http://bbs.blueidea.com/thread-2658256-1-1.html。 按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢?有一种做原创 2012-12-26 16:36:14 · 188 阅读 · 0 评论 -
CSS hack(小结)
由于IE 5及其以前的版本基本上已无人使用了,因此在这里只归纳IE 6及其以后的版本、Chrome、Safari、Firefox等现代浏览器。IE中的hack:select {background-color: #fff\9; /*ie都支持*/background-color:red\0; /* ie 8/9*/background-color:blue\9\0; /* ie 9*/*bac原创 2012-12-26 16:36:16 · 202 阅读 · 0 评论