精通CSS+DIV网页样式与布局——基础
2012-12-23 21:07
246 查看
一、定义。
层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
二、基本元素。
2.1选择器。
定义: 要使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。
类别:
(1)标记选择器用法:
(2)类别选择器用法:
(3)ID选择器用法:
2.2 CSS继承
CSS继承其实就是子样式对父样式的覆盖。 例子
层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。
二、基本元素。
2.1选择器。
定义: 要使用CSS对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。
类别:
(1)标记选择器用法:
h1{ color:red; font-size:25px; }
(2)类别选择器用法:
.class{ color:green; font-size:20px; }
(3)ID选择器用法:
#id{ color:yellow; font-size:30px; }
2.2 CSS继承
CSS继承其实就是子样式对父样式的覆盖。 例子
<html> <head> <title>父子关系</title> <base target="_blank"> <style> <!-- h1{ /*父CSS*/ color:red; /* 颜色 */ text-decoration:underline; /* 下划线 */ } h1 em{ /* 嵌套选择器 子CSS*/ color:#004400; /* 颜色 */ font-size:40px; /* 字体大小 */ } --> </style> </head> <body> <h1>祖国的首都<em>北京</em></h1> <p>欢迎来到祖国的首都<em>北京</em>,这里是全国<strong>政治、<a href="economic.html"><em>经济</em></a>、文化</strong>的中心</p> <ul> <li>在这里,你可以: <ul> <li>感受大自然的美丽</li> <li>体验生活的节奏</li> <li>领略首都的激情与活力</li> </ul> </li> <li>你还可以: <ol> <li>去八达岭爬长城</li> <li>去香山看红叶</li> <li>去王府井逛夜市</li> </ol> </li> </ul> <p>如果您有任何问题,欢迎<a href="contactus">联系我们</a></p> </body> </html>
相关文章推荐
- 精通CSS+DIV网页样式与布局——基础
- 精通CSS+DIV网页样式与布局--页面和浏览器元素
- 精通CSS+DIV网页样式与布局--初探CSS
- 精通CSS+DIV网页样式与布局--初探CSS
- 精通CSS+DIV网页样式与布局--页面和浏览器元素
- 精通CSS+DIV网页样式与布局--初探CSS
- 精通CSS+DIV网页样式与布局--CSS段落效果
- 精通IOS开发-布局基础
- 精通CSS+DIV网页样式与布局--CSS段落效果
- 精通CSS+DIV网页样式与布局——CSS文字效果
- 精通CSS+DIV网页样式与布局--制作实用菜单
- 精通CSS+DIV网页样式与布局——CSS文字效果
- 精通CSS+DIV网页样式与布局--制作实用菜单
- 精通CSS+DIV网页样式与布局--滤镜的使用
- 精通CSS+DIV网页样式与布局--CSS文字效果
- 精通CSS+DIV网页样式与布局--CSS文字效果
- 精通CSS+DIV网页样式与布局--设置表单和表格
- 精通CSS+DIV网页样式与布局--页面背景
- 精通CSS+DIV网页样式与布局--设置表单和表格
- 精通CSS+DIV网页样式与布局--滤镜的使用