|
今天简单的为大家介绍一下CSS样式的规格 其实现在很多网站都是用css+div来做的布局 这样的布局美观漂亮 下面就是我在北大青鸟学到的一些关于CSS样式规格的地方 希望大家能喜欢
CSS样式规则
“类型”分类:定义字体样式、颜色、大小等设置。
“背景”分类:定义背景颜色、背景图像的设置。
“区块”分类:定义字体间距、对齐方式等。
“方框”分类:设置方框大小以控制页面元素布局等。
“边框”分类:设置边框的样式、宽度和颜色。
“列表”分类:设置列表类型、项目符号图像等。
“定位”分类:改变选定层的大小、位置等。
“扩展”分类:设置页面的分页效果和视觉效果。1、CSS样式表的分类
(1)内部样式表
1. 行内样式(只影响某一段)
<td style="font-weight:bold">ABC</td>
影响范围:只影响该行。
2. 嵌入样式(也叫内嵌样式,只影响某一页)
是包含在<head>和</head> 之间的style标记,
<style type="text/css"></style>
影响范围:只影响该页面。
(2)外部样式表(可以影响多个页面)
独立于所有HTML页面的CSS文件,每个页面都可以通过链接的形式把CSS文件应
用到页面中 。
<link href="style.css" rel="stylesheet" type="text/css" />
影响范围:控制网站的整体风格,便于页面之间的样式共享。
注意:三种样式作用一样,只是作用的范围不同。
2、创建内部样式
1. 在“CSS样式"面板中选择"新建css规则"按钮或右击“CSS样式"新建。
2. 弹出“新建CSS规则"对话框,有以下参数:
a. 类:自定义 CSS规则,生成的样式前面有一个".",调用时class=" "。
b. 标签:改变HTML标记中的默认形式。
c. 高级:分为ID选择器和伪类选择器。ID选择器生成的样式前面有一个"#",
调用时ID=" "。
d. 名称:定义类的名称。
3、创建外部样式
1. 选择菜单“文件” →“新建”→“页面类型”选择“CSS”。
2. 弹出“新建CSS规则"对话框,定义在”新建样式表文件”,并在页面文件中
生成链接,
<link href="style.css" rel="stylesheet" type="text/css" />。
4、CSS样式规则
“类型”分类:定义字体样式、颜色、大小等设置。
“背景”分类:定义背景颜色、背景图像的设置。
“区块”分类:定义字体间距、对齐方式等。
“方框”分类:设置方框大小以控制页面元素布局等。
“边框”分类:设置边框的样式、宽度和颜色。
“列表”分类:设置列表类型、项目符号图像等。
“定位”分类:改变选定层的大小、位置等。
“扩展”分类:设置页面的分页效果和视觉效果。
|
|