
CSS
鬼眼邪神
移动开发
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS选择符优先级
1.计算优先级的步骤(1)如果一条声明来自style属性,也就是内联样式,那么它具有最高的优先级。如果不是,则转入第二步。(2)计算ID选择符的数目。数目最大的声明具有最高的优先级。如果两个或多个声明具有相同的ID选择符的数目(包括0),则转入第三步。(3)计算类选择符、属性选择符和伪类选择符的数目。总数最大的声明具有最高的优先级。如果两个或多个声明具有相同的总数,则转入第四步。(原创 2013-08-23 20:14:18 · 2138 阅读 · 0 评论 -
【转载】浮动元素有何性质
浮动元素的性质 浮动元素会脱离正常的文档流,按照其外边距指定的位置相对于它的上一个块级元素(或父元素)显示 浮动元素后面的块级元素的内容会向此浮动元素的外边距靠齐,但是边框和背景却忽略浮动元素而向上一个(实例中为父元素)任意非浮动元素靠齐 浮动元素后面的内联元素会向此浮动元素的外边距靠齐原创 2015-05-10 17:38:24 · 600 阅读 · 0 评论 -
【转载】去除冗余 – 精简您的CSS样式代码
本文内容来自http://www.zhangxinxu.com/wordpress/?p=629一、前面简短的唠叨我掂量了下,本文还是有些必要的。讲讲常见的一些没有必要使用CSS代码情况,而这些不起作用可以去掉的CSS代码可能是我们经常忽视的。越是对CSS理解不够,越容易出现这些问题。有必要说明下,本文的样式代码均不考虑继承或是CSS reset。如果想了解CSS reset,可以阅读一下http原创 2015-05-10 17:37:02 · 546 阅读 · 0 评论 -
CSS3属性text-overflow
语法:text-overflow:clip | ellipsis默认值:clip适用于:所有元素继承性:无取值:clip:当对象内文本溢出时不显示省略标记(...),而是将溢出的部分裁切掉。ellipsis:当对象内文本溢出时显示省略标记(...)。说明:设置或检索是否使用一个省略标记(...)标示对象内文本的溢出。对应的脚本特性为textOverflow。原创 2015-05-10 17:23:40 · 560 阅读 · 0 评论 -
CSS实现垂直居中的5种方法
方法一这个方法把一些 div 的显示方式设置为表格,因此我们可以使用表格的 vertical-align property 属性。div id="wrapper">div id="cell">div class="content"> Content goes here/div>/div>/div>#wrapper {display:table;}转载 2015-05-10 17:23:18 · 431 阅读 · 0 评论 -
CSS:url中的路径含义及使用
1.相对路径介绍../表示当前文件所在层级的上一层级。./表示当前文件所在的层级。/表示根目录。2.举例:background-image 现在有一个css文件index.css,其在css文件夹里要在其内设置background-image,引用images文件夹里nav_club.gif图片。则应该这样书写:background-imag原创 2015-05-10 17:19:25 · 2087 阅读 · 0 评论 -
CSS属性position详解
1.position:static对象遵循常规流,top、right、bottom、left属性不会被应用。其最近的祖先元素的内容box边界构成包含块,祖先元素的display属性是以下之一:blockinline-blocklist-itemrun-intabletable-cell2.position:relative对象遵循常规流,并且依靠自身在正常流中的位置通过top,原创 2015-05-10 17:11:20 · 639 阅读 · 0 评论 -
a标签的4个伪类的排序
a标签的伪类排列顺序为::link→:visited→:hover→:active下面分析为什么要这么排列。(1)不论在什么情况下,链接激活时都应该有一个样式变化(:active),我们就把:active放在最后,防止该元素具备其它状态时,被其它状态的设置覆盖掉。(2)当鼠标悬停时(:hover),不论是否访问过都应该有样式变化,也就是说这个效果应该能覆盖未被访问时(:link)和已访原创 2015-05-10 17:10:29 · 973 阅读 · 0 评论 -
CSS清浮动的6种方法
1.父元素定义height .wrapper { width:600px; height:200px;/* 解决代码 */ background:red; } .left { float:left; width:30%; height:100px; background:yellow; } .right { float:right; wid原创 2015-05-10 17:05:19 · 563 阅读 · 0 评论 -
CSS多行文本居中实现
CSS提供了单行文本居中的属性line-height,但是没有相应的多行文本居中的方法。其实可以通过以下方法来实现:"utf-8">鬼眼邪神"keywords" content="鬼眼邪神的博客">"author" content="鬼眼邪神">.multi_line {width: 300px;height: 200px;line-height:200px;border:1px soli原创 2015-05-10 16:48:18 · 1045 阅读 · 0 评论 -
关于浮动元素的经典考题
请看下面代码:如何在不改变上述代码、不使用绝对定位和相对定位的情况下,实现如下效果图: 答案如下: HTML5 * {margin:0;padding:0;} .one { width:200px; height:200px; background:red; float:left; } .two { background:blue;原创 2015-05-10 17:36:28 · 569 阅读 · 0 评论