![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 55
qq287211858
不容易,请坚持。
擅长网页设计,页面的制作,希望成为一名网站UI设计师。深入研究用户体验。
展开
-
DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度
DIV+CSS 布局一行两列,左列固定宽度,右列自适应宽度原创 2010-12-20 15:36:00 · 939 阅读 · 1 评论 -
HTML5中的section和article元素的使用
看了许多老外的博客都已经改为HTML5框架,对于HTML5的实践我们也只是在移动版开发的时候使用,昨天看了个老外的博客其中谈及了HTML5新的元素article和section的应用,官方其实有一个模糊的标准,但经过后期技术革新和优化有了一套更为人用之的模型,优化后更利于搜索引擎和文章架构的层次表现。这里我只想谈谈我自己对这两个新元素的使用方法,如有错误请在留言指出,不甚感激。1.原创 2014-03-24 20:59:35 · 1003 阅读 · 0 评论 -
CSS实现垂直居中的两种方式
最近上遇到的垂直居中的问题,在网上搜罗了一些资料在这里给大家讲解一下,在容器里内容始终垂直居中,实现这个效果我总结了2种方法,一起来看实例。第一种方法:用CSS3的transform属性来实现,如下建立父子级的容器和CSS。这种方法有点类似相对/绝对定位关系。由于top属性是内联的,我们需要在子级减去这些高度就可以得到居中的效果了。 .children {原创 2014-03-24 20:48:19 · 201 阅读 · 0 评论 -
word-break : normal | break-all | keep-all
word-break : normal | break-all | keep-all 参数:normal : 依照亚洲语言和非亚洲语言的文本规则,允许在字内换行break-all : 该行为与亚洲语言的normal相同。也允许非亚洲语言文本行的任意字内断开。该值适合包含一些非亚洲文本的亚洲文本keep-all : 与所有非亚洲语言的normal相同。对于中文,韩文,日转载 2012-04-23 11:26:30 · 332 阅读 · 0 评论 -
如何设置select下拉菜单的高度
众所周知,select要设置宽度很简单,但是真要设置它的高度貌似还没啥好办法。select有一个size属性,就是显示option的项数目,那么我们可以通过这个属性去想想办法,请看下面这段:北京上海天津重庆河北山西内蒙古好像还不错是吧?哈哈,但一定要记得如果弄不好会出现页面被挤来挤去的现象,所以一定要记得设置好父元素(div、li、td)的高原创 2012-08-06 10:46:22 · 1360 阅读 · 0 评论 -
ie6 z-index
IE下z-index的bug 在IE浏览器中,定位元素的z-index层级是相对于各自的父级容器,所以会导致z-index出现错误的表现。解决方法是给其父级元素定义z-index原创 2012-07-19 14:27:14 · 192 阅读 · 0 评论 -
实现在下拉框中打开友情链接2种方法
采用下拉框,当选取下拉列表框时,找开对应的网址,有两种:本地窗口打开,新窗口打开新窗口的打开代码: --- 友情链接 --- http://www.163.com>网易 http://www.sina.com.cn>新浪 http://www.sohu.com>搜狐 跳转到当前页: --- 友情链接 ---原创 2012-06-19 14:27:57 · 375 阅读 · 0 评论 -
CSS伪元素
body{ margin:0; padding:0; background:url(images/bglines.png); font-size:12px; font-family:Georgia, "Times New Roman", Times, serif} a{ tex原创 2011-08-26 11:33:32 · 178 阅读 · 0 评论 -
IE6,浮动遇到绝对定位
当一个元素内有一个块级元素并占据整行的时候,让它浮动,然后在它后面的行内元进行绝对定位(父级元素进行相对定位),在其他浏览器下都能正常显示,在IE6下会莫名其妙的消失。尝试改变ul的长度,或者取消浮动都可以让IE6正常显示,莫非IE6下,绝对定位元素被覆盖掉了?但是在取消浮动下可以正常显示,那么在浮动下才会被覆盖?应该是ie6的bug.直接用块级元素或者把行内元素的display改为b原创 2011-06-16 15:28:00 · 264 阅读 · 0 评论 -
鼠标经过样式
a{display: block;border-bottom: 1px solid #BBB;padding: 4px;color: #666;text-decoration: none;}a:hover{background: #FE4902;color: white;}h2{ font-family: "Trebuchet MS","Myriad Pro",Arial,sans-serif;font-weight: normal;font-size: 50px;margin: 0;padding原创 2011-02-12 14:25:00 · 293 阅读 · 0 评论 -
CSS Sprites--网站CSS背景图片定位
这个技巧已经广泛的应用到现在的页面的前端开发中,甚至YUI将他定为《提高网页效率的14条准则》的第一条准则“Make Fewer HTTP Requests” ,可见这个技术的重要性,也正是YUI的推荐使这个CSS技巧得到了广泛的推广和应用。原创 2010-12-24 10:22:00 · 545 阅读 · 1 评论 -
背景全屏,左右两边颜色不一样,DIV+CSS 布局
导航 网站内容原创 2010-12-21 14:06:00 · 1236 阅读 · 1 评论 -
前端设计开发资源贡献N.01
收集世界网页设计、Web开发领域的新鲜事,资源,技术教程还有免费的设计和开发资源。Sticky Table Headers & Columns推荐度: ★★★★ 头部、侧栏固定跟随式的Table列表。JQUERY NOTEBOOK推荐度: ★★★ 一个简单,干净优雅的文本编辑器。Grid推荐度: ★★★ 一原创 2014-03-24 21:10:52 · 208 阅读 · 0 评论