样式表 360官网春来了！
春天花会开
css，（cascding style sheets）层叠样式表，作用是美化HTML网页/*注释区域*/注释语法用法样式表的基本概念一、样式表分类1、内联式样式表和HTML联合显示，控制精确，但是可用性差，冗余太多518997892、内嵌样式表作为一个独立的区域内嵌在网页里，必须写在head标签里面 3、外部样式表新建一个css文件，用来放置样式表。如果在html文件中调用样式表，需要在HTML文件中点击右键-css样式-附加样式表，一般用link链接方式有些标签默认边距，一般写样式代码的时候都会先去除（也可以设置其他样式），如下 （二）选择器1、标签选择器，用标签名作为选择器夏天来了
夏天太热了
2、class选择器。都是以“.”开头。class是相同属性的放在一起123453、ID选择器。以“#”开头id具有唯一性，尽量只用一个标签引用调用形式：14、复合选择器（1）使用，隔开表示并列 夏天太热了夏天
太热了（2）用空格隔开，表示后代夏天来了
（3）筛选“.”。跟其他的p标签不一样夏天太热了
夏天
天太热了夏天天太热了
三、样式表属性四、超链接样式：l v h a a:link/*链接前链接的样式*/ a:visited/*链接后链接的样式*/ a:hover/*鼠标悬浮时链接的样式*/ a:active/*鼠标点击时时链接的样式*/百度一下 css外部样式表，及样式表的属性
@charset "utf-8";/* CSS Document */p,span/*针对所有的p标签*/{ font-size:36px;/*字体大小*/ color:#F00;/*文字大小*/ background:#FF0/*背景颜色*/}x{ font-size:10px; color:#000; background-color:#9F6;} .aa { width:300px; height:200px; border:1px solid #009; } p.bb { font-size:14px; color:#CCF; background:#666; } .aa p { background-size:24px; background-color:#960; } #a1 { background:#0F3; } #a2 { background: #903; } #a3 { background: #90C; } #a4 { background: #6FF; } #a5 { background: #96F; } a { font-size:36px; } a:link/*链接前链接的样式*/ { text-decoration:none; color:black; } a:visited/*链接后链接的样式*/ { text-decoration:none; color:black; } a:hover/*鼠标悬浮时链接的样式*/ { text-decoration:underline; color:red; } a:active/*鼠标点击时时链接的样式*/ { text-decoration:underline; color:orange; } /*(1)背景与前景*/ background-color:#060;/*背景色，样式表中优先级别高*/ background-image:url(0519/n0.jpg);/*设置背景图（默认）*/ background-attachment:fixed;/*背景是固定的，不随字体滚动*/ background-attachment:scroll;/*背景随字体滚动*/ background-repeat:no-repeat;/*no-repeat不平铺，repeat平铺，repeat-x横向平铺，repeat-y纵向平铺*/ background-position:center;/*背景图居中，设置此项的时候，repeat必须为no-repeat*/ background-position:right top;/*背景图放在右上角*/ background-position:left 100xp top200xp;/*背景图放在离左边100像素，离上边200像素。也可以设为负值*/ /*字体*/ font-family:Georgia, "Times New Roman", Times, serif;/*字体，常用微软雅黑，宋体。*/ font-size:16px;/*字体的大小，可以用“em”，2.5em即默认字体的2.5倍还可以用百分数*/ font-weight:bold;/*bold是加粗，normal是正常*/ font-style:italic;/*倾斜normal是正常*/ color:#000;/*颜色*/ text-decoration:underline;/*下划线，overline是上划线，linethrough是删除线，none是去掉下划线*/ text-align:center;/*（水平对齐）居中对齐，left是左对齐，right是右对齐*/ vertical-align:middle;/*（垂直对齐）居中对齐，top是顶部对齐，bottom是底部对齐，一般设置行高后使用*/ text-indent:28px;/*首行缩进*/ line-height:24px;/*行高，一般为1.5~2倍字体大小*/ display:none;/*none，不显示，inline-block显示为块，不自动换行，宽高可设置；block显示为块，自动换行；inline效果同span标签，不自动换行，宽高不可*/ visibility:hidden;/*可视性，hidden，隐藏但是占用空间；visible，显示*/ /*边界边框*/ /*border(表格边框，样式等)、margin（表外间距），padding（内容与单元格间距），后两者一般设置为0*/ border:5px solid #009;/*四边框：5像素、实线，蓝色（相当于下面三行）*/ border-width:5px;/**/ border-style:solid;/**/ border-color:#999;/**/ border-top:5px solid blue;/*上边框：5像素宽，实线，蓝色*/ border-bottom:5px solid blue;/*下边框：同上*/ border-left:5px solid blue;/*左边框：同上*/ border-right:5px solid blue;/*右边框：同上*/ margin:10px;/*四边外边框宽度为10像素。auto，居中*/ margin-top:10px;/*上边外边框宽度为10像素；其他三边边框类似*/ margin:20px 0px 20px 0px;/*上-右-下-左，四边外边框顺时针顺序*/ padding:10px;/*内容与边框的四边距离10像素*/ padding-top:10px;/*内容与边框的上边距为10像素，其他三边间距类似*/ padding:20px 0px 20px 0px;/*上-右-下-左，内容与边框的四边间距顺时针顺序*/ /*列表与方块*/ /*width、height、（top、bottom、left、right）只有在绝对坐标情况下才使用*/ list-style:none;/*取消序号*/ list-style:circle;/*序号变为圆圈，样式相当于无序*/ list-style-image:url(图片地址);/*图片做序号*/ list-style-position:outside;/*序号在内容外*/ list-style-position:inside;/*序号跟内容在一起*/