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点击超链接时

原文地址:https://www.cnblogs.com/dandan1224/p/5792839.html