CSS
关注
分享
扫一扫
conkeyn
a
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
CSS入门4：css选择符
一.选择符模式 模式/含义/内容描述 * 匹配任意元素。(通用选择器) E 匹配任意元素 E (例如一个类型为 E 的元素)。(类型选择器) E F 匹配元素 E 的任意后代元素 F 。(后代选择器) E > F 匹配元素 E 的任意子元素 F 。(子选择器) E:first-child 当元素 E 是它的父元素中的第一个子元素时，匹配元素 E 。(:fir...原创 2008-08-11 14:58:09 · 130 阅读 · 0 评论 -
第2章 选择器 =>特定属性选择类型 P49
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <原创 2009-04-27 00:19:58 · 127 阅读 · 0 评论 -
第2章 选择器 =>选择相邻兄弟元素P56
假设你希望对一个标题后紧接着的段落应用样式，或者向一个段落后紧接着的列表指定特殊的外边距。 要选择紧接在另一个元素后的元素，而且二者有相同的父元素，可以使用相邻结合符，这表示为一个加号（+）。 与子结合符一样，相邻兄弟结合符旁边可以空白符。 示例： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...原创 2009-04-30 22:28:05 · 158 阅读 · 0 评论 -
第2章 选择器 =>伪类和伪元素 P57
利用伪类选择器和伪元素选择器，可以为文档中不一定具体存在的结构指定样式，或者为某些元素（甚至是文档本身）的状态所指示的幻像类指定样式。换句话说，会根据另外某种条件而非文档结构向文档中的某些部分应用样式，而且无法通过研究文档的标记准确地推断出采用何种方式应用样式。 伪类名 描述 :link 指示作为超链接（即有一个href属性）并指向一个示访问地址的所有锚。注意，有些浏览器可能会不正...原创 2009-04-30 22:33:38 · 117 阅读 · 0 评论 -
CSS 样式学习库
CSS菜单库 http://www.dynamicdrive.com/style/原创 2009-04-30 23:06:14 · 151 阅读 · 0 评论 -
第3章 结构和层叠 => 特殊性(优先级) P69
对于每个CSS规则，用户代理（浏览器）会计算选择器的特殊性，并将这个特殊性附加到规则中的各个声明。如果一个元素有两个或多个冲突的属性声明，那么有最高的特殊性的声明就胜出。 选择吕的特殊性由选择器本身的组件确定。特殊性值表述为4个部分，如：0,0,0,0。一个选择器的具体特殊性如下确定： 对于选择器中给定的各个ID属性值，加0,1,0,0。 对于选择器中给定的各个...原创 2009-05-03 07:40:39 · 163 阅读 · 0 评论 -
第5章 字体
字体加粗：font-weight=>值：normal | blod | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 字体大小：font-size=>值：xx-small | x-small | small | medium | large | x-large | xx-large |...原创 2009-05-24 19:30:28 · 150 阅读 · 0 评论 -
第6章 文本属性==>文本缩进 P135
通过使用text-index属性，所有元素的第一行都可以缩进一个给定长度，甚至该长度可以是负值。当然，这个属性最常见的用途是将段落的首行缩进： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&g...原创 2009-05-24 19:55:00 · 277 阅读 · 0 评论 -
第6章 文本属性==>文本缩进 P141
line-height 属性是指文本基线之间的距离，而不是字体的大小，它确定了将各个元素框的高增加多少或减少多少。在最基本的情况下，指定line-height可以用来增加（或减少）文本之间的垂直间隔。line-height控制了行间距，这是文本行之间超出字体大小的额外空间。换句话说，line-height值和字体大小之差就是行间距。 指定line-height值，如果使用默认norm...原创 2009-06-05 22:27:52 · 154 阅读 · 0 评论 -
第2章 选择器 =>属性值选择器 P46
属性值 选择器 除了可以选择有某些属性的元素外，还可以进一步缩小选择范围，只选择有特定属性值的元素。 1、可以根据具体的属性值选择； 2、可以根据部分属性值选择； 1、根据具体属性值选择 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org...原创 2009-04-26 23:05:32 · 168 阅读 · 0 评论 -
第2章 选择器 =>简单的属性选择器 P44
如果希望选择有某个属笥的元素，而不论该属性值是什么，可以使用一个简单属性选择器。例如，要选择有class属性（值不限）的所有h1元素，使其文本为银色，可以写作： h1[class] {color:silver;} 将匹配以下元素： <h1 class="hoopla">Hellp</p> <h1 class="severe"&g...原创 2009-04-26 22:53:19 · 142 阅读 · 0 评论 -
第1章 CSS和文档局 => link标记 P19
对于<link>标签的属性详解： rel代表“关系”（relation），在这里，关系为stylesheet type总是设置为text/css media属性，一般使用all，这个属性有很多可取值，如： all：用于所有表现媒体； aural：用于语音合成器，屏幕阅读器和文档...原创 2009-03-12 21:51:00 · 145 阅读 · 0 评论 -
第1章 CSS和文档局 => @import指令
与link类似，.@import用于指示WEB浏览器加载一个外部样式表，并在表现HTML文档时使用其样式。唯一的区别在于命令的具体语法和位置。@import出现在style容器中，它必须放在这里，也就是要放在其他CSS规则之前，否则根本起不了作用。 <style type="text/css"> @import url(styles.css); h1 {color:g...原创 2009-03-12 22:51:53 · 191 阅读 · 0 评论 -
CSS IE 和 Firefox 的区别
前言罗唆(其实很多时候没有区别，只是我们没弄好就变成区别了) Css 当中有许多的东西不不按照某些规律来的话，会让你很心烦，虽然你可以通过很多的hack，很多的!important 来控制它，但是你会发现长此以往你会很不甘心，看看许多优秀的网站，他们的CSS让 IE6,Ie7,Firefox,甚至Safari,Opera运行起来完美无缺是不是很羡慕？而他们看似复杂的模版下面使用的Hack 少...原创 2009-11-05 10:13:59 · 141 阅读 · 0 评论 -
多浏览器测试的利器-IETester,自带IE5.5,IE6,IE7,IE8等多个内核.
辛苦做出来的一个网站,到别人的电脑上显示得乱七八糟的,为啥?就因为用的浏览器不一样,像我就是用IE8的,IE8还有一个IE7兼容模式,我都是一直开着兼容模式的.都不敢用IE8的模式,很多网站不兼容. 现在国内大部份人还是用IE6,但是IE浏览器只能安装一个.想测试一下IE6的效果都没办法. 现在好了,在网上找到一个多IE内核的浏览器,专门用来做多浏览器兼容测试的. 看运行截图: ...原创 2009-11-05 10:26:21 · 157 阅读 · 0 评论 -
第2章 选择器 =>选择子元素 P54
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <原创 2009-04-26 10:37:52 · 135 阅读 · 0 评论 -
第2章 选择器 =>选择器分组 P34
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <原创 2009-04-26 11:03:39 · 125 阅读 · 0 评论 -
第2章 选择器 =>类选择器 P39
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <原创 2009-04-26 11:39:25 · 150 阅读 · 0 评论 -
第2章 选择器 =>多类选择器 P41
现在假设希望class为warning的所有元素都是粗体，而class为urgent的所有元素为斜体，class中同时包含warning和urgent的所有元素还有一个灰色背景。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml...原创 2009-04-26 22:45:23 · 133 阅读 · 0 评论 -
clear在CSS中的妙用
在DIV + CSS设计网页中，经常需要设置多个DIV并列排列，往往是使用float:left或float:right来实现，但问题出现了，当前面并列的多个 DIV总宽度不足100%，下面的的DIV就很可能向上提，和上一行的并列的DIV在同一行，这不是我们想要的结果。使用Clear属性正好可以解决这一 问题，下面引用帮助的介绍：CSS clear属性 Image and text el...原创 2009-12-24 21:53:48 · 155 阅读 · 0 评论