|
|
|
| 全部信息 |
当前位置：首页 → 网站制作知识 → 详细内容 |
|
|
利用css美化网页 |
|
| 更新时间：2012/9/29 点击：1057次 |
CSS网页中的样式表，有时也称为“层叠样式表”，它是一种制列作网页的新技术。CSS技术可以有效地减少网页的代码量，统一设计网页的样式，有利于提升网页效率和网页的性能。在HTML网页中，所有网页元素的特征都是一句一句地针对某一具体元素来描述的。用这种方法，如果一个网站的网页非常多，就会产生很多完全相同的网页元素属性描述代码。如果这时需要对网页中的某一特征进行修改，就需要更改所有网页中这一特征的属性，这会是非常复杂和繁锁的工工作。
而CSS就是针对这一问题的解决方法。CSS可以对某一个网页或者是整个网站统一地定义出网页元素的特征，网页中的元素需要使用这一特征时，即可直接调用这一网页元素的特征，也就是样式。网页样式比HTML具有很多先进性。
一个网页或整个网站的样式在一个统一的样式表的控制之下，具有完整的模块化开发的念。
网页设计时，直接调用样式，不必再考虑某一元素的属性，有利于提交开发效率。
更改某一个样式的属性，就可以完全更改一个网页或整个网页的某类元素的属性，有利于网站的管理。
网页中少了大量的网页元素属性的代码，大大地减少了网页的代码量，有利于网页性能的提高。
以使网页设计和网页具体属性的设计分开完成，有利于团队开发。相对于HTML代码的先进性，在进行网页设计时尽量使用样式表设计网页。
HTML代码一样，CSS也有一整套约定的代码，这些代码可以用来描述网页元素的特征。进行CSS设计时，需要灵活理解和掌握CSS代码的书写。网页中CSS代码的书写规则如下。
css代码书写在<style type=”text/css”>与</style>之间
<link href=”CSS.CSS”rel=”stylesheet”type=”text/css”>可以用这种方法链接一个CSS文件，将CSS样式写在另一个文件上。
有些浏览器不能正常支持CSS样式，可以把CSS代码写在<!…->网页注释标记中，这样CSS代码不会显示在网页上。
CSS样式的基本格式：样式名称{属性名称：属性值}。当有多个属性时，需要用分号隔开。例如，title{text-align: center;color: black;font-family: aria/}，就是定义了一个叫做title的样式，并分别设置样式的对齐方式、颜色、字体。
使用HTML中元素的名称作为样式的名称，就是对网页中的这一类元素进行样式设置。网页中的这些元素会自动调用这个样式。例如，p {text-align: center; color: red}，这个样式会对网页中所有的守>标签起作用，网页中所有的<p>标签在不进行样式设置时会默认使用这个样式。
ID选择样式：CSS可以对网页中的一个定义了ID号的元素单独定义样式。例如，#intro{font-size:120%;font-wcight:bold;color:#OOaaff;background-color: #ffffcc}，这个样式是对网页中的ID号为intro的元素进行样式设置。当网页中的一个元素为<p id="intro">aaa</p>时，这个元素会自动使用这个样式。
样式表中可以使用／o*／注释符号进行注释。例如，p {text-align:center;l*文本居中排列*／}，就使用了注释。 | CSS网页中的样式表，有时也称为“层叠样式表”，它是一种制列作网页的新技术。CSS技术可以有效地减少网页的代码量，统一设计网页的样式，有利于提升网页效率和网页的性能。在HTML网页中，所有网页元素的特征都是一句一句地针对某一具体元素来描述的。用这种方法，如果一个网站的网页非常多，就会产生很多完全相同的网页元素属性描述代码。如果这时需要对网页中的某一特征进行修改，就需要更改所有网页中这一特征的属性，这会是非常复杂和繁锁的工工作。
而CSS就是针对这一问题的解决方法。CSS可以对某一个网页或者是整个网站统一地定义出网页元素的特征，网页中的元素需要使用这一特征时，即可直接调用这一网页元素的特征，也就是样式。网页样式比HTML具有很多先进性。
一个网页或整个网站的样式在一个统一的样式表的控制之下，具有完整的模块化开发的念。
网页设计时，直接调用样式，不必再考虑某一元素的属性，有利于提交开发效率。
更改某一个样式的属性，就可以完全更改一个网页或整个网页的某类元素的属性，有利于网站的管理。
网页中少了大量的网页元素属性的代码，大大地减少了网页的代码量，有利于网页性能的提高。
以使网页设计和网页具体属性的设计分开完成，有利于团队开发。相对于HTML代码的先进性，在进行网页设计时尽量使用样式表设计网页。
HTML代码一样，CSS也有一整套约定的代码，这些代码可以用来描述网页元素的特征。进行CSS设计时，需要灵活理解和掌握CSS代码的书写。网页中CSS代码的书写规则如下。
css代码书写在<style type=”text/css”>与</style>之间
<link href=”CSS.CSS”rel=”stylesheet”type=”text/css”>可以用这种方法链接一个CSS文件，将CSS样式写在另一个文件上。
有些浏览器不能正常支持CSS样式，可以把CSS代码写在<!…->网页注释标记中，这样CSS代码不会显示在网页上。
CSS样式的基本格式：样式名称{属性名称：属性值}。当有多个属性时，需要用分号隔开。例如，title{text-align: center;color: black;font-family: aria/}，就是定义了一个叫做title的样式，并分别设置样式的对齐方式、颜色、字体。
使用HTML中元素的名称作为样式的名称，就是对网页中的这一类元素进行样式设置。网页中的这些元素会自动调用这个样式。例如，p {text-align: center; color: red}，这个样式会对网页中所有的守>标签起作用，网页中所有的<p>标签在不进行样式设置时会默认使用这个样式。
ID选择样式：CSS可以对网页中的一个定义了ID号的元素单独定义样式。例如，#intro{font-size:120%;font-wcight:bold;color:#OOaaff;background-color: #ffffcc}，这个样式是对网页中的ID号为intro的元素进行样式设置。当网页中的一个元素为<p id="intro">aaa</p>时，这个元素会自动使用这个样式。
样式表中可以使用／o*／注释符号进行注释。例如，p {text-align:center;l*文本居中排列*／}，就使用了注释。 |
CSS网页中的样式表，有时也称为“层叠样式表”，它是一种制列作网页的新技术。CSS技术可以有效地减少网页的代码量，统一设计网页的样式，有利于提升网页效率和网页的性能。在HTML网页中，所有网页元素的特征都是一句一句地针对某一具体元素来描述的。用这种方法，如果一个网站的网页非常多，就会产生很多完全相同的网页元素属性描述代码。如果这时需要对网页中的某一特征进行修改，就需要更改所有网页中这一特征的属性，这会是非常复杂和繁锁的工工作。
而CSS就是针对这一问题的解决方法。CSS可以对某一个网页或者是整个网站统一地定义出网页元素的特征，网页中的元素需要使用这一特征时，即可直接调用这一网页元素的特征，也就是样式。网页样式比HTML具有很多先进性。
一个网页或整个网站的样式在一个统一的样式表的控制之下，具有完整的模块化开发的念。
网页设计时，直接调用样式，不必再考虑某一元素的属性，有利于提交开发效率。
更改某一个样式的属性，就可以完全更改一个网页或整个网页的某类元素的属性，有利于网站的管理。
网页中少了大量的网页元素属性的代码，大大地减少了网页的代码量，有利于网页性能的提高。
以使网页设计和网页具体属性的设计分开完成，有利于团队开发。相对于HTML代码的先进性，在进行网页设计时尽量使用样式表设计网页。
HTML代码一样，CSS也有一整套约定的代码，这些代码可以用来描述网页元素的特征。进行CSS设计时，需要灵活理解和掌握CSS代码的书写。网页中CSS代码的书写规则如下。
css代码书写在<style type=”text/css”>与</style>之间
<link href=”CSS.CSS”rel=”stylesheet”type=”text/css”>可以用这种方法链接一个CSS文件，将CSS样式写在另一个文件上。
有些浏览器不能正常支持CSS样式，可以把CSS代码写在<!…->网页注释标记中，这样CSS代码不会显示在网页上。
CSS样式的基本格式：样式名称{属性名称：属性值}。当有多个属性时，需要用分号隔开。例如，title{text-align: center;color: black;font-family: aria/}，就是定义了一个叫做title的样式，并分别设置样式的对齐方式、颜色、字体。
使用HTML中元素的名称作为样式的名称，就是对网页中的这一类元素进行样式设置。网页中的这些元素会自动调用这个样式。例如，p {text-align: center; color: red}，这个样式会对网页中所有的守>标签起作用，网页中所有的<p>标签在不进行样式设置时会默认使用这个样式。
ID选择样式：CSS可以对网页中的一个定义了ID号的元素单独定义样式。例如，#intro{font-size:120%;font-wcight:bold;color:#OOaaff;background-color: #ffffcc}，这个样式是对网页中的ID号为intro的元素进行样式设置。当网页中的一个元素为<p id="intro">aaa</p>时，这个元素会自动使用这个样式。
样式表中可以使用／o*／注释符号进行注释。例如，p {text-align:center;l*文本居中排列*／}，就使用了注释 |
|
|
| |
|
|
|
