![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 96 阅读 · 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 · 100 阅读 · 0 评论 -
第2章 选择器 =>选择相邻兄弟元素P56
假设你希望对一个标题后紧接着的段落应用样式,或者向一个段落后紧接着的列表指定特殊的外边距。 要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻结合符,这表示为一个加号(+)。 与子结合符一样,相邻兄弟结合符旁边可以空白符。 示例: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ...原创 2009-04-30 22:28:05 · 126 阅读 · 0 评论 -
第2章 选择器 =>伪类和伪元素 P57
利用伪类选择器和伪元素选择器,可以为文档中不一定具体存在的结构指定样式,或者为某些元素(甚至是文档本身)的状态所指示的幻像类指定样式。换句话说,会根据另外某种条件而非文档结构向文档中的某些部分应用样式,而且无法通过研究文档的标记准确地推断出采用何种方式应用样式。 伪类名 描述 :link 指示作为超链接(即有一个href属性)并指向一个示访问地址的所有锚。注意,有些浏览器可能会不正...原创 2009-04-30 22:33:38 · 86 阅读 · 0 评论 -
CSS 样式学习库
CSS菜单库 http://www.dynamicdrive.com/style/原创 2009-04-30 23:06:14 · 118 阅读 · 0 评论 -
第3章 结构和层叠 => 特殊性(优先级) P69
对于每个CSS规则,用户代理(浏览器)会计算选择器的特殊性,并将这个特殊性附加到规则中的各个声明。如果一个元素有两个或多个冲突的属性声明,那么有最高的特殊性的声明就胜出。 选择吕的特殊性由选择器本身的组件确定。特殊性值表述为4个部分,如:0,0,0,0。一个选择器的具体特殊性如下确定: 对于选择器中给定的各个ID属性值,加0,1,0,0。 对于选择器中给定的各个...原创 2009-05-03 07:40:39 · 127 阅读 · 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 · 100 阅读 · 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 · 250 阅读 · 0 评论 -
第6章 文本属性==>文本缩进 P141
line-height 属性是指文本基线之间的距离,而不是字体的大小,它确定了将各个元素框的高增加多少或减少多少。在最基本的情况下,指定line-height可以用来增加(或减少)文本之间的垂直间隔。line-height控制了行间距,这是文本行之间超出字体大小的额外空间。换句话说,line-height值和字体大小之差就是行间距。 指定line-height值,如果使用默认norm...原创 2009-06-05 22:27:52 · 116 阅读 · 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 · 135 阅读 · 0 评论 -
第2章 选择器 =>简单的属性选择器 P44
如果希望选择有某个属笥的元素,而不论该属性值是什么,可以使用一个简单属性选择器。例如,要选择有class属性(值不限)的所有h1元素,使其文本为银色,可以写作: h1[class] {color:silver;} 将匹配以下元素: <h1 class="hoopla">Hellp</p> <h1 class="severe"&g...原创 2009-04-26 22:53:19 · 107 阅读 · 0 评论 -
第1章 CSS和文档局 => link标记 P19
对于<link>标签的属性详解: rel代表“关系”(relation),在这里,关系为stylesheet type总是设置为text/css media属性,一般使用all,这个属性有很多可取值,如: all:用于所有表现媒体; aural:用于语音合成器,屏幕阅读器和文档...原创 2009-03-12 21:51:00 · 112 阅读 · 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 · 153 阅读 · 0 评论 -
CSS IE 和 Firefox 的区别
前言罗唆(其实很多时候没有区别,只是我们没弄好就变成区别了) Css 当中有许多的东西不不按照某些规律来的话,会让你很心烦,虽然你可以通过很多的hack,很多的!important 来控制它,但是你会发现长此以往你会很不甘心,看看许多优秀的网站,他们的CSS让 IE6,Ie7,Firefox,甚至Safari,Opera运行起来完美无缺是不是很羡慕?而他们看似复杂的模版下面使用的Hack 少...原创 2009-11-05 10:13:59 · 104 阅读 · 0 评论 -
多浏览器测试的利器-IETester,自带IE5.5,IE6,IE7,IE8等多个内核.
辛苦做出来的一个网站,到别人的电脑上显示得乱七八糟的,为啥?就因为用的浏览器不一样,像我就是用IE8的,IE8还有一个IE7兼容模式,我都是一直开着兼容模式的.都不敢用IE8的模式,很多网站不兼容. 现在国内大部份人还是用IE6,但是IE浏览器只能安装一个.想测试一下IE6的效果都没办法. 现在好了,在网上找到一个多IE内核的浏览器,专门用来做多浏览器兼容测试的. 看运行截图: ...原创 2009-11-05 10:26:21 · 122 阅读 · 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 · 110 阅读 · 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 · 100 阅读 · 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 · 124 阅读 · 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 · 98 阅读 · 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 · 125 阅读 · 0 评论