CSS层叠样式表-第一文库 | 海量文档资源下载与分享平台

免费试读已结束，剩余 19 页请下载文档后查看

16 金币

下载此文档

/ 29

下载提示文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

CSS层叠样式表5、层叠样式表1.通过依次单击任务栏上的【开始】→【程序】→【附件】→【记事本】菜单命令打开记事本。2．在记事本的编辑面板中输入以下代码，创建了使用样式的页面css1.htm：<html><head><title>样式表举例</title><styletype="text/css"></style></head><body><pstyle="color:#ff0000">这段文字将显示为红色</p><pstyle="color:#000000;background-color:yellow;">这段文字的背景色为<I>黄色</I></p><pstyle="font-family:'华文彩云';font-size:24px">这段文字将以黑体显示</p><p><h1align="center">今天学习样式表的相关知识。</h1></p></body></html>3．将文件保存到确定目录下，文件名为css1.htm。4．运行结果见图所示。CSS(CascadingStyleSheet,层叠样式表)是技术上一种格式化网页的标准方式，它扩展了HTML的功能，使网页设计者能够以更有效的方式设置网页格式内容与表现形式相分离目前流行的网页绝大多数都采用了CSS控制其外观CSS的版本基本语法规则：选择器、属性和值样式的引用方式<link>引入的样式@import引入的样式页面内样式内联样式按照最靠近元素的定义来显示如果两个css文件冲突,以后面的为准选择器分类html选择器类选择器ID选择器HTML+类选择器上下文选择器组选择器伪类选择器的命名规则不要保护特殊符号最好全部小写类选择器使用功能而不是外观来描述统一的命名风格样式的继承嵌套在父元素内的子元素会继承父元素的样式字体属性背景属性区块属性方框属性边框属性列表属性定位属性扩展属性字体属性颜色与背景属性文本属性装饰超链接伪类选择符边距属性填充属性边框属性图文混排列表属性鼠标属性定位属性滤镜属性6、利用CSS进行网页布局良好的网页设计应将网页的数据与表现形式分开对页面进行布局，将页面划分为不同区域后，一般会使用<div>元素描述各个区域，用CSS进行外观控制，这种方式称为DIV+CSS布局网页尺寸选择：宽度一般不超过778保持一致的风格导航栏的位置：横向放置优于纵向上、中、下布局中部有侧边栏中部为左、中、右结构的布局UL+CSS布局