好得很程序员自学网

<tfoot draggable='sEl'></tfoot>

HTML+CSS样式设置--CSS一学就会_html/css_WEB-ITnose

HTML+CSS样式设置

CSS:(Cascading Style Sheets)层叠样式设置表。

网页的展示效果跟其排版有很大的关系。排版则主要依靠CSS来设置、调节。

下面说CSS与HTML的联合使用的过程:

(1)新建CSS文件(一般放在与HTML文件同一路径下的css文件夹中)

(2)在HTML的 标签中,用对CSS进行引用

(3)根据HTML的标签或标识符,在CSS文件中编写样式设置代码

CSS的 基本语法 为:选择器(Selector)、属性(Property)和属性值(Value)

代码形式为:selector{property:value}

主要的 选择器 :tag标签(html自身的标签)、class标识符(自定义)和id标识符(自定义)。

选择器使用语法 为:

(1)tag标签直接使用标签后跟{},例body{}、table{}、p{}、font{}等。

(2)Class标识符,用“.标识符{ 属性:属性值; }”的形式,例 .xs{ color:blue; }

(3)id标识符,用“#标识符{ 属性:属性值; }”的形式,例 #xs{ color:blue; }

补充:tag标签选择器在使用时,若多个标签设置相同效果,可联合写。将多个标签用空格隔开用一个{}进行设置即可,不同的效果可单独外加设置。


举例:

HTML代码:

			 				 					 网页标题 									 					

第1行第1列 内容 第1行第2列 内容

查看更多关于HTML+CSS样式设置--CSS一学就会_html/css_WEB-ITnose的详细内容...

  阅读:23次