Javaweb2_CSS啊啊啊啊

1. CSS层叠样式表 Cascading Style Sheets
样式表定义元素怎样去显示。外部样式表能够让你改变所有出现在你WEB中的外观和布局，而仅仅通过编辑一个单独的CSS文档。（原理就是一动多变）
多个样式作用于一个对象时，优先级越往下越高：
浏览器默认
外部样式表
内嵌样式表（在标签内）
行内样式（在一HTML元素内）
2. CSS语法

CSS由三部分组成:一个选择器，一个属性和一个值

selector{property:value}

选择器是你希望去定义的HTML元素/标签，每个属性可以有一个值，属性和值由冒号区分开外面用大括号括起来。
body{color:black}
如果值为多个单词则用双引号括起来
p{font-family:“sans serif”}
如果想指定多个属性，你就必须将每个属性用分号隔开，下面的例子就演示了怎样定义居中红色文字段落
p{text-align:center;color:red} 在head中写
为了让样式定义更有可读性，可以分行描述

p{
text-align:center;
color:black;
font-family:arial
}

还可以将选择器组合。用逗号分隔每个选择器。将所有的标题元素组合起来，他们的颜色都变为绿色。
h1,h2,h3,h4,h5,h6{color:green}

选择器类
用选择器类可以将同一类型的HTML元素定义出不同的样式。比如在文档中有两种不同样式的段落：一种是右对齐，另外是居中的。
p.right{text-align:right}
p.center{text-align:center}
必须在HTML文档中使用类属性才能显示出效果

这句话将是右对齐

这句话将是居中对齐

每个HTML元素只能由一个类属性。

p.right{text-align:right}
p.center{text-align:center} 可以将标签名省略直接定义，这样可以在所有的HTML元素中使用了。

class="center"的元素居中文字： .center{text-align:center}

ID选择器
使用ID选择器可以为不同的HTML元素定义相同的样式
下面的样式规则对任何一个带有ID属性值为“green”的元素都是匹配的
#green{color:green}
上面的规则将匹配h1和p元素

Some text

Some text

外部样式表 使用标签让每个页面都连接到样式表。标签在head区域使用。

lab1 和 css

hello world

welcome to cn

okokokok

body{background-color:cornflowerblue}
h1{font-size:36pt}
h2{color:blue}
p{margin-left:50px}

lab2和css

hello world

---

welcome to cn

这是百度的链接

body {background-color:white}
h1 {color:green;font-size:20pt}
hr {color:red}
p{font-size:11pt;margin-left:15px}

a:link{color:green} /鼠标点还没点呢(一次也没访问过)/
a:visited{color:yellow}/* 访问过的网站，回来再看是黄色*/
a:hover{color:black} /鼠标放上去还没点呢/
a:active{color:blue} /鼠标放上去了，点了但是还没松开/