css3入门 css样式：color;属性值；颜色属性 background:属性值；背景属性 float：属性值；浮动属性 font：属性值;字体属性 css既可以嵌入在html中，也可以是一个单独的外部文件 独立文件则必须以.css为后缀名 css样式规则1：选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3;}选择器用于指定css作用的html对象，多个键值对之间用“;”进行区分。
css样式规则2 css样式中的选择器严格区分大小写，属性和值不区分大小写，习惯选择器、属性、值都采用小写的形式 多个属性之间必须用英文状态下的分号隔开 若属性值是有多个单词组成并且中间包含空格，则必须为这个属性值加上英文状态下的引号 编写css代码时为了增加代码的可读性 会加上注释 css中空格不会被解析，{}和分号前后的空格可有可无css样式表 1内嵌式 css代码集中写在html文档的<head>头部中，并用<>内style标记定义 <head> <<style type=“text/css"又尖括号 选择器{属性1：属性值1；属性2：属性值2；属性3：属性值3;} </style又尖括号 <<head又尖括号 2 行内式 通过标记的属性来设置元素样式 3链入式 css基础选择器 标记选择器：用html标记名作为选择器，按照标记名称分类，为页面中某一类标记指定统一的CSS样式 标记名{属性1：属性值1；属性2：属性值2；属性3：属性值3;} 使用时直接在body内使用 <标记名>内容</标记名> 类选择器 使用英文的”."进行标识，后面紧跟类名 .类名{属性1：属性值1；属性2：属性值2；属性3：属性值3;} 使用时 <标记名 class=“类名”>内容</标记名> id选择器 d选择器使用“#”进行标识，后面紧跟id名，其基本语法格式如下： #id名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 使用时<标记名 id=“id名”>内容</标记名> 通配符选择器 通配符选择器用“”号表示，它是所有选择器中作用范围最广的，能匹配页面中所有的元素 *{属性1:属性值1; 属性2:属性值2; 属性3:属性值3；} 使用时 所有标签都可以使用 标签指定式选择器 又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为class选择器或id选择器，两个选择器之间不能有空格，如h3.special或p#one。 标签名.选择器名{属性:值; 属性:值;} 或者， 标签名#选择器名{属性:值;}
特点关系：既…又… <style type="text/css"> p.one{ color:yellow; } </style> </head> <body> <p class="one">文字</p> <p class="two">文字2</p> <p class="one">文字3</p>或者
div#div1{ color: red; } </style> </head> <body> <div id="div1">文字</div> </body> **后代选择器** 用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。 <style type="text/css"> /*下面是一个a标记，即链接标记*/ a{ color: red; } /*下面是一个后代选择器，其中在外面的是一个a标记，在里面的是一个b标记，即粗体标记*/ a b{ color: green; } <b>示例文字000</b></br><!--参照组，单纯的b标记，未在上面CSS中定义--> <a href="#">示例文字001</a></br><!--参照组，a标记，CSS中定义为红字--> <a href="#">示例文字<b>002</b>示例文字003</a><!--通过后代选择器，将a标记中的b标记找出来，并给出绿色-->并集选择器 求同 是各个选择器通过逗号连接而成的，任何形式的选择器都可以作为并集选择器的一部分。若某些选择器定义的样式完全或部分相同，可利用并集选择器为它们定义相同的样式 并集选择器 1,格式: 选择器1,选择器2,…{ 属性:值; } 2,注意点: (1),选择器之间利用,连接 (2),选择器可以是标签名称,也可以是id、class名称。 .ht,.para{ color: red; }
**字体样式属性** font-size属性用于设置字号 font-family属性用于设置字体 p{ font-family:"微软雅黑";} font-weight属性用于定义字体的粗细。 font-style属性用于设置变体（字体变化 normal：默认值，浏览器会显示标准的字体样式; italic：浏览器会显示斜体的字体样式; oblique：浏览器会显示倾斜的字体样式; font属性用于对字体样式进行综合设置 选择器{font: font-style font-variant font-weight font-size/line-height font-family;} @font-face属性用于定义服务器字体。 @font-face{ font-family:字体名称; src:字体路径; } word-wrap属性用于长单词和URL地址的自动换行 **文本外观属性** color属性用于定义文本的颜色，其取值方式有如下3种： letter-spacing属性用于定义字间距，所谓字间距就是字符与字符之间的空白。 其属性值可为不同单位的数值，允许使用负值，默认为normal **word-spacing属性用于定义英文单词之间的间距，对中文字符无效。**允许使用负值 默认为normal line-height属性用于设置行间距，所谓行间距就是行与行之间的距离 ，即字符的垂直间距，一般称为行高 text-transform属性用于控制英文字符的大小写。 none：不转换（默认值）。capitalize：首字母大写。 uppercase：全部字符转换为大写。 lowercase：全部字符转换为小写。 text-decoration属性用于设置文本的下划线，上划线，删除线等装饰效果。 none：没有装饰（正常文本默认值）。 underline：下划线。 overline：上划线。 line-through：删除线。 text-align属性用于设置文本内容水平对齐，相当于html中的align对齐属性。 text-indent属性用于设置首行文本的缩进。允许使用负值, 建议使用em作为设置单位。 white-space属性可设置空白符的处理方式。 normal：常规（默认值），文本中的空格、空行无效，满行（到达区域边界）后自动换行。 pre：预格式化，按文档的书写格式保留空格、空行原样显示。 nowrap：空格空行无效，强制文本不能换行，除非遇到换行标记。内容超出元素的边界也不换行，若超出浏览器页面则会自动增加滚动条。 文本外观属性 使用text-shadow属性可以为页面中的文本添加阴影效果 选择器{ text-shadow:h-shadow v-shadow blur color;} 例如： 行内式 内嵌式 为段落文本p添加多个阴影 P{ font-size:32px; text-shadow:10px 10px 10px red,20px 20px 20px green; /红色和绿色的投影叠加/ } text-overflow属性用于标示对象内溢出的文本。 选择器{text-overflow:属性值; //可以设置一个盒子大小和颜色} text-overflow属性的常用取值有两个： clip：修剪溢出文本，不显示省略标记“…”。 ellipsis：用省略标记“…”标示被修剪文本，省略标记插入的位置是最后一个字符。 使用：为包含文本的对象定义宽度 用“white-space:nowrap;”强制文本不能换行 “overflow:hidden;”样式隐藏溢出文本。 应用“text-overflow:ellipsis;”样式显示省略标记。
