Web服务应用开发（基于J2EE）CSS基础学习

CSS(HBuilderX编写)

代码：

注：标记的style定义只能影响标记本身

代码：



代码：

CSS定义:CSS是一个由包含一个或多个规则的文本文件
规则：
选择器（Selector）：选择器通常是需要改变样式的HTML标记
声明部分（Declaration）：声明由一个或多个属性名称与属性值对组成

CSS选择器类型：标记选择器、类选择器、id选择器、伪类选择器和属性选择器
1.标记选择符----对HTML的标记重定义。该样式立即生效。
p,h1{font-size:30px;color:blue;font-family:黑体;}
2.类选择符----以点号“.”开头，并可以任意命名，如.div1、.files等，该样式应用后生效，有些标记的样式相同时，可以定义成选择符组。
.div1,.file{background:red;color:white;}
联合选择器—标记+类选择器（p.c3{color:red;}）
3.ID选择符：以“#”开始，并可以任意命名。
#div1{background:red;color:white;}
4.伪选择符：一种特殊的类选择符，最大的作用就是对链接的不同状态定义不同的样式效果。
a:link{color:#339999;text-decration:none;}
a:visited{color:#33cc00;text-decration:none}
a:hover{color:red;text-decration:underline;}
a:active{color:blue;text-decration:underline;}
5．CSS 属性选择器
定义属性选择器时，方括号“[]”将属性包围住
[属性名]{属性:属性值;属性:属性值;…;}
[title]{color:red;} /带有title属性的所有元素设置样式/

CSS选择器声明
1.集体声明
h1,h2,h3,h4,h5,h6,p,h2.special,#one{color:red;font-family:黑体;}
2.全局声明 –通配符
*{color:purple;font-size:16px;margin:0 auto;padding:0;}
3.派生选择符
li strong{ font-style:italic; font-weight:normal;}
strong{font-weight:bold;}

CSS样式表类型
内联样式表（Inline Style Sheet）
基本语法：
<标记 style=“属性: 属性值; 属性: 属性值;…”>

内部样式表（Internal Style Sheet）
基本语法：

链接外部样式表（Link External Style Sheet）

注：
link标记是单标记，放在头部，不使用style标记。
外部样式表的文件名称必须带后缀名.css。
CSS文件一定是纯文本格式。
外部样式表修改后所有引用的页面样式自动地更新；
外部样式表优先级低于内部样式表；
同时链接几个外部样式表时按“最近优先的原则”
导入外部样式表（Import External Style Sheet）

注：
import语句后的“;”号，一定要加上！
“外部样式表的文件名称”是要嵌入的样式表文件名称，含路径，后缀为.css；
@import应该放在style元素的最前面。

CSS规定样式的优先级(从高到低)如下：行内样式﹥ id样式﹥类样式﹥ 标记样式