css层叠样式表属性

css层叠样式表属性

ID:34538010

大小:61.43 KB

页数:44页

时间:2019-03-07

css层叠样式表属性_第1页
css层叠样式表属性_第2页
css层叠样式表属性_第3页
css层叠样式表属性_第4页
css层叠样式表属性_第5页
资源描述:

《css层叠样式表属性》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、CSS--层叠样式表大全(1)什么是CSS? 中文翻译为样式表!它的作用简单的说:就是可以使你在同一页面里使用不同的超链接样式。  更神奇的是,用CSS,仅仅改变一个文件就可以改变数百个网页的外观......个性化的表现而不损失访问者......所有这些都因为网页样式表的强大和灵活特性。  让我们开始吧!CSS速成层叠样式表的基础入门。CSS结构和规则各种选择符、伪类、伪元素和层叠顺序的入门。CSS属性各种层叠样式表级别一有效的属性的描述。将样式表加入到HTML中各种将样式表加入到HTML文本中的方法。依赖样式表怎样会是滥用样式表和使你的网

2、页难以处理。CSS参考连接到介绍CSS的规范和其它方面的文章。------------------------------------------------------------------------------CSS速成  一个样式表由样式规则组成,以告诉浏览器怎样去呈现一个文档.有很多将样式规则加入到你的HTML文档中的方法,但最简单的启动方法是使用HTML的STYLE组件.这个元素放置于文档的HEAD部分,包含网页的样式规则.  要注意到尽管STYLE元素是试验样式表的好方法,它具有某些在用户使用这种方法之前应该考虑的缺点.不同

3、方法的优点和缺点在将样式表加入到HTML中部分中有讨论。  每个规则的组成包括一个选择符--通常是一个HTML的元素,例如BODY,P,或EM--和该选择符所接受的样式.  有很多的属性可以用于定义一个元素.每个属性带一个值,共同地描述选择符应该如何呈现.样式规则组成如下:44选择符{属性:值}单一选择符的复合样式声明应该用分号隔开:选择符{属性1:值1;属性2:值2}以下是一段定义了H1和H2元素的颜色和字体大小属性:CSS例子H1{font-size:

4、x-large;color:red}H2{font-size:large;color:blue}上述的样式表告诉浏览器用加大、红色字体去显示一级标题,用大、蓝色字体去显示二级标题.CSS1规格正式地定义了所有的有效属性和值.属性和值在本网站的CSS属性部分也给出了.本教程专门介绍了CSS非常基础的知识,以提供足够的信息去让你试验自己的样式.要获得CSS更深入的知识,阅读继续阅读以下部分:CSS结构和规则CSS属性将样式表加入到HTML中基本语法规则选择符任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是

5、指向特别样式的元素。例如:P{text-indent:3em}当中的选择符是P。类选择符单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式。例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码:code.html{color:#191970}code.css{color:#4b0082}以上的例子建立了两个类,css和html,供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类,例如:44每个选择符只允许有一个类。例如,code.html.proprieta

6、ry是无效的。

类的声明也可以无须相关的元素:.note{font-size:small}在这个例子,名为note的类可以被用于任何元素。一个良好的习惯是在命名类的时候,根据它们的功能而不是根据它们的外观。上述例子中的note类也可以命名为small,但如果网页制作者决定改变这个类的样式,使得它不再是小字体的话,那么这个名字就变得毫无意义了。ID选择符ID选择符个别地定义每个元素的成分。这种选择符应该尽量少用,因为他具有一定的局限。一个ID选择符的指定要有指示符"#"在名字前面。例如,ID选择符可以指定如下:#svp94O{text-

7、indent:3em}这点可以参考HTML中的ID属性:文本缩进3em

关联选择符关联选择符只不过是一个用空格隔开的两个或更多的单一选择符组成的字符串。这些选择符可以指定一般属性,而且因为层叠顺序的规则,它们的优先权比单一的选择符大。例如,以下的上下文选择符PEM{background:yellow}是PEM。这个值表示段落中的强调文本会是黄色背景;而标题的强调文本则不受影响。声明属性一个属性被指定到选择符是为了使用它的样式。属性的例子包括颜色、边界和字体。值声明的值是一个属性接受的指定。例如,属性颜色能接受值

8、red。组合为了减少样式表的重复声明,组合的选择符声明是允许的。例如,文档中所有的标题可以通过组合给出相同的声明:H1,H2,H3,H4,H5,H6{color:red;font

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。