信息管理创新实践-周记3

1.id选择器和类选择器
#para1 表示id选择器，para1为id名

文本内容

.para1 表示类选择器

文本内容

2.内部样式表和外部样式表

插入样式表的方法有三种:

（1）外部样式表(External style sheet)
每个页面使用 标签链接到样式表。 标签在（文档的）头部：

（2）内部样式表(Internal style sheet)
使用 style标签在文档头部定义内部样式表

（3）内联样式(Inline style)

3.十六进制颜色表和背景颜色
所有主要浏览器都支持十六进制颜色值。
指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。
<p例如，＃0000FF值呈现为蓝色，因为蓝色的组成设置为最高值（FF）而其他设置为0。

4.背景图像
先把图片复制到项目目录images，在body样式中增加下述属性，保存
background-image:url(图片路径或网址）
水平或垂直平铺

5.css连接
可以添加颜色、文本样式、背景色等
a:link - 正常，未访问过的链接
a:visited - 用户已访问过的链接
a:hover - 当用户鼠标放在链接上时
a:active - 链接被点击的那一刻

6.css尺寸
style
img.normal{ height：auto；} //在img标签定义一个normal
p.ex{height：100px} //在p标签定义一个ex

body
img class=“normal” src=“”
p class=“ex” 文本 /p

height 设置元素高度
line-height 设置行高
max-height 设置元素的最大高度
max-width 设置元素的最大宽度
min-height 设置元素的最小宽度
min-width 设置元素的最小高度
width 设置元素的宽度

7.css对齐
水平居中对齐一个元素(如

), 可以使用 margin: auto;
文本在元素内居中对齐，可以使用 text-align: center;
图片居中对齐, 可以使用 margin: auto; 并将它放到 块 元素中
使用 position: absolute; 属性来对齐元素
float 浮动属性

8.css边框
border-style 值:
dotted: 定义一个点线边框

dashed: 定义一个虚线边框

solid: 定义实线边框

double: 定义两个边框。 两个边框的宽度和 border-width 的值相同

groove: 定义3D沟槽边框。效果取决于边框的颜色值

ridge: 定义3D脊边框。效果取决于边框的颜色值

inset:定义一个3D的嵌入边框。效果取决于边框的颜色值

outset: 定义一个3D突出边框。 效果取决于边框的颜色值

9.css显示

display:none可以隐藏某个元素，且隐藏的元素不会占用任何空间
h1.hidden {display:none;}