CSS样式表
CSS样式表
/*注释区域*/此为注释区域,不会被读取
一、样式表
1、内敛样式表:直接写进属性里面,用style(风格)属性规定显示样式
垂直居中line-height高度为div高度
水平居中text-align:center
div水平居中:margin:0xp(距离上方) auto
2、内嵌样式表:作为一个独立区域内嵌在网页里,必须写在head标签里面。
p/*以标签名命名的样式表,所有此类标签都会执行/
3、外部样式表:新建一个CSS文件,用来放置样式表。如果要在HTML文件中调用样式表,需要在HTML文件中右键,CSS样式表,附加样式表。一般用link连接方式。
*/*格式对所有标签起作用/ margin:边距 padding:间距
二、选择器
1、标签选择器,用标签名做选择器。
p/*以标签名命名的样式表,所有此类标签都会执行/
2、class(类)选择器,都是以“.”开头。
3、ID(唯一确定)选择器,以“#”开头。
4、符合选择器。
(1)用“,”隔开表示并列,两个标签同样执行某一中样式。
(2)用空格隔开,表示后代。
.main p/*在class=main的标签内部,如果有p标签存在执行p标签/
(3)筛选“.”。
p.sp/*在标签p中的class=sp的标签,执行sp/
a标签,链接的style
a:link超链接被点前状态
a:visited超链接点击后状态
a:hover悬停在超链接时
a:active点击超链接时