网络营销博客整理这个文章只是为您介绍CSS的基础应用,指引您的一个入门的基础教程,主要目的是为推进web标准贡献自己的微薄之力。说点我自己的体会,现在有好多人都在推广WEB标准,其实对初学者来说,不需要刚学的时候就学标准,学点简单的还是容易入门的,因为现在HTML还在照样用啊,所以我希望初学者学习时不要非遵循标准,当你入门之后,你做网页的时候,发现使用表格特麻烦的时候你就该去寻求简单方法了,到时再学也不晚啊,如果你喜欢新技术那么你初学时就学标准吧,按个人的实际来行动吧。下面开始学习了一、如何在HTML中应用CSS。您可以利用下列3 种方式将CSS 指定的格式加入到HTML中: 1. 在HTML 文件里加一个超级连结,连接到外部的CSS 文档。(外部连结CSS) 这个方法最方便管理整个网站的网页风格,它让网页的文字内容与版面设计分开。您只要在一个CSS 文档内()定义好网页的风格,然后在网页中加一个超级连接连接到该文档,那么你的网页会按在CSS文档内定义好的风格显示出来了。具体的使用防范是: <HTML> <HEAD> <TITLE>网页文件的标题</TITLE> <LINK REL="stylesheet" HREF="" TYPE="text/css"> < </HEAD> 注意:。 2. 在HTML 文件内的<HEAD>.......</HEAD> 标签之间,加一段CSS 的描述内容。(内定义CSS) 这个方法适用于指定某个网页,除了表现外部的CSS 文档定义好的网页风格外,同时还要表现本身HTML 文档内指定的CSS 。如果内在添加的CSS 描述与外部连接的CSS 描述相冲突的话,网页的表现将以内在添加的CSS 描述为主,也就是外部的描述就不再起作用了。具体使用方法是: ...... 网络营销博客整理<HTML> <HEAD> <TITLE>网页标题</TITLE> <LINK REL="stylesheet" HREF="" TYPE="text/css"> <STYLE TYPE="text/css"> <!-- BODY {font: 12pt} H1 {font: 16pt} P {font-weight: bold; color: green} --> </STYLE> </HEAD> <BODY> 网页内容… </BODY> </HTML> 值得注意的是,为了防止不支持CSS 的浏览器误将标签间的CSS 风格描述当成普通字串,而表现于网页上,您最好将CSS 的叙述文字插入在<!--和-->之间。 3. 在HTML 文件的文本内容中,随时有需要,随时加一小段CSS 的描述指定风格。( 文本间CSS) 这个方法适用于指定网页内的某一小段文字的呈现风格。外部CSS与内定义CSS如果和此定义有相同的项,那么以此定义的CSS 风格表现, 外部CSS文档与内定义CSS和此定义的没相同的项时那么还会正常显示,同时还会显示文本内容间的CSS 风格。具体使用方法是: <HTML> <HEAD> <TITLE>网页标题</TITLE> ...... 网络营销博客整理</HEAD> <BODY> <P STYLE="color: red"> 本页内容… </P> </BODY> </HTML> 上述的3 种CSS,可以同时并用,也可以择您所好,单一或成双地使用。如果各CS S 间的叙述相冲突,则内在定义的CSS 会覆盖外部连结的CSS ,文本间的CSS 会覆盖内在定义的CSS 。二、挑选者、属性和值。先举个例子:H3{ COLOR : BLUE;}表示在文本中只要使用H3标签的文字的颜色都是蓝色。其中H3为挑选者,COLOR为属性,BLUE为COLOR属性的值。挑选者是套用样式的元件,通常为外部CSS或内定义CSS定义的风格的一个名字,在这个初级教程里理解为一个标签的名字也可以。属性是用语描述挑选者的特性,相当于HTML语法中的标签的属性。值就是属性的具体内容。在CSS中当我们使用到属性值的时候,通常值是有一个度量依据的,也就是说值是有单位的。比如我们通常说你从家到学校走1,1什么呢?米,公里,还是走1小时。通常在CSS中的单位有:相对单位与绝对单位两种单位具体如下: “em” (比如font-size: 2em) :相对于字母高度的比例因子。“%” (比如font-size: 80%):相对于长度单位(通常是目前字型的大小)的百分比例。'px' (比如font-size: 12px) :像素(系统预设单位)。'pt' (比如font-size
DIV CSS网页设计. 来自淘豆网m.daumloan.com转载请标明出处.
