CSS--层叠样式表 大全
日期:2007年10月23日 作者: 查看:[大字体 中字体 小字体]-
什么是Css? 中文翻译为样式表! 它的作用简单的说:就是可以使你在同一页面里使用不同的超链接样式。
更神奇的是,用CSS,仅仅改变一个文件就可以改变数百个网页的外观......个性化的表现而不损失访问者......所有这些都因为网页样式表的强大和灵活特性。
让我们开始吧!
CSS 速成
层叠样式表的基础入门。
CSS 结构和规则
各种选择符、伪类、伪元素和层叠顺序的入门。
CSS 属性
各种层叠样式表级别一有效的属性的描述。
将样式表加入到HTML中
各种将样式表加入到HTML文本中的方法。
依赖样式表
怎样会是滥用样式表和使你的网页难以处理。
CSS 参考
连接到介绍CSS的规范和其它方面的文章。
------------------------------------------------------------------------------
CSS 速成
一个样式表由样式规则组成, 以告诉浏览器怎样去呈现一个文档. 有很多将样式规则加入到你的HTML文档中的方法, 但最简单的启动方法是使用HTML的STYLE组件. 这个元素放置于文档的HEAD部分, 包含网页的样式规则.
要注意到尽管STYLE元素是试验样式表的好方法, 它具有某些在用户使用这种方法之前应该考虑的缺点. 不同方法的优点和缺点在将样式表加入到HTML中部分中有讨论。
每个规则的组成包括一个选择符--通常是一个HTML的元素, 例如BODY, P, 或EM--和该选择符所接受的样式.
有很多的属性可以用于定义一个元素. 每个属性带一个值, 共同地描述选择符应该如何呈现.
样式规则组成如下:
选择符 { 属性: 值 }
单一选择符的复合样式声明应该用分号隔开:
选择符 { 属性1: 值1; 属性2: 值2 }
以下是一段定义了H1和H2元素的颜色和字体大小属性:
<HEAD>
<TITLE>CSS例子</TITLE>
<STYLE TYPE="text/css">
H1 { font-size: x-large; color: red }
H2 { font-size: large; color: blue }
</STYLE>
</HEAD>
上述的样式表告诉浏览器用加大、红色字体去显示一级标题, 用大、蓝色字体去显示二级标题. CSS1 规格正式地定义了所有的有效属性和值. 属性和值在本网站的CSS 属性部分也给出了.
本教程专门介绍了CSS非常基础的知识, 以提供足够的信息去让你试验自己的样式. 要获得CSS更深入的知识, 阅读继续阅读以下部分:
CSS 结构和规则
CSS 属性
将样式表加入到HTML中
基本语法
规则
选择符
任何HTML元素都可以是一个CSS1的选择符。选择符仅仅是指向特别样式的元素。例如:
P { text-indent: 3em }
当中的选择符是P。
类选择符
单一个选择符能有不同的CLASS(类),因而允许同一元素有不同样式。例如,一个网页制作者也许希望视其语言而定,用不同的颜色显示代码 :
code.html { color: #191970 }
code.css { color: #4b0082 }
以上的例子建立了两个类,css和html,供HTML的CODE元素使用。CLASS属性是用于在HTML中以指明元素的类,例如:
<P CLASS=warning>每个选择符只允许有一个类。
例如,code.html.proprietary是无效的。</p> - [1] [2] [3] [4] 下一页
-
- CSS--层叠样式表 大全 相关文章:
- ·春节新年新春对联大全
- ·香港三级片名单大全 (包括演员名单)
- ·经典歇后语大全
- ·感人情书大全-情书经典
- ·路由器安全设置详解
- ·英语格言大全
- ·古代情诗:伤感浪漫悲伤情诗大全
- ·CPU型号大全总结
- ·幻世录2魔神战争 完全物品列表 - 游戏攻略
- ·男女生英文名大全-给自己起个好名字
- CSS--层叠样式表 大全 相关软件
- ·瑞星杀毒软件 2007 V19.32.12 完全免费版
- ·火影忍者-忍术全开
- ·Kaspersky(卡巴斯基) KIS 安全套装 V6.0.2.621 MP2 简体中文正式免激活版
- ·中国法律法规大全(电子版) V3.3
- ·生活宝典系列之——家常美食菜谱大全(完整版) V3.0.3
- ·全能音频转换通 V1.2
- ·全能格式转换(Konvertor) V3.45.1 汉化版
- ·魔法门英雄无敌3全集
- ·《暗黑破坏神2毁灭之王》v1.11地图全开工具EasyMap_v11
- ·《仙剑奇侠传2》全过程存档
- 特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作
- 者.文章版权归文章原始作者所有.对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转
- 载的文章有版权问题请联系编辑人员,我们尽快予以更正. 转载请注明来源:http://www.hackhome.com
上一篇:.NET 连接到 Oracle的oci.dll加载错误解决方案
下一篇:PageRank 算法解析
精品推荐
热点TOP10
- ·DIV+CSS布局入门实例教程
- ·创建一个纯CSS的水平导航条
- ·设计一个基于CSS的网页模板
- ·Javascript+CSS横向三级导航菜单
- ·站长推荐:53个CSS-不可或缺的技巧
- ·CSS文本:word-wrap
- ·网页设计基础:Div+CSS布局入门教程
- ·如何使用CSS来进行网页排版
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·CSS中的滑动门技术
- ·DIV CSS网页布局导航菜单源代码(17)
- ·使用CSS处理表格边框样式化
- ·DW MX 2004 CSS 属性详解
- ·CSS文本:text-overflow
- ·如何用CSS定义表格与模拟表格
- ·如何用css设置网页字体
- ·总结:用CSS进行网页样式设计攻略全集
- ·使用纯 CSS 设计3D按钮
- ·小技巧:div+css高度自适应
- ·深入了解CSS的继承性及其应用
特别推荐
- ·彻底弄懂CSS盒子模式(DIV布局快速入门)
- ·CSS样式设计之CSS滤镜资料小结
- ·总结:用CSS进行网页样式设计攻略全集
- ·创建一个纯CSS的水平导航条
- ·如何用css设置网页字体
- ·CSS中的滑动门技术
- ·Javascript+CSS横向三级导航菜单
- ·CSS文本:word-wrap
- ·用CSS进行网页样式设计攻略全集
- ·用CSS实现的固定表头的HTML表格
- ·CSS属性列表
- ·如何使用CSS来进行网页排版
- ·使用纯 CSS 设计3D按钮
- ·纯CSS制作简洁的垂直导航
- ·网页设计基础:Div+CSS布局入门教程
- ·CSS 制作的三级菜单特效代码
- ·设计一个基于CSS的网页模板
- ·如何用CSS定义表格与模拟表格
- ·用CSS制作的美国国旗
- ·DW MX 2004 CSS 属性详解
