预览加载中，请您耐心等待几秒...

CSS层叠样式表.ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共29页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

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

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

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

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

CSS层叠样式表 5、层叠样式表 1.通过依次单击任务栏上的【开始】→【程序】→【附件】→【记事本】菜单命令打开记事本。 2．在记事本的编辑面板中输入以下代码，创建了使用样式的页面css1.htm： <html> <head> <title>样式表举例</title> <styletype="text/css"><!-- h1{ font-size:36px; font-family:"隶书"; font-weight:bold; color:#993366; } --> </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布局