css－－-心得
2012-05-25 10:19:33 来源：WEB开发网1.
属 性
CSS名称
说 明
A
color
文本属性
font-size
字体大小
font-family
字体
text-align
文本对齐
边框属性
(用于表
单元素)
border-style
边框样式
border-width
边框宽度
border-color
边框颜色
定位属性(position)
top
顶部边距（上边距）
left
左边距
width
宽度
height
高度
z-index
z 轴索引号，用于层
在最后一个声明后面加上一个分号 (;) 是一个好习惯(最后一个可以不加)
@ 2.行内样式：HTML标签直接使用style属性，称为行内样式（Inline Style）。它适用于只需要简单地将一些样式应用于某个独立的元素的情况。
例如：<table style="color:red;margin-left:200px">
… </table>
您如果希望某段文字和其他段落的文字显示风格不一样，那么请采用“行内样式”。行内样式使用元素标签的STYLE 属性定义。
3.注意：在使用行内样式的过程中，建议同学们在<head>标签中添加<meta>标签，添加的<meta>标签如下：
<head>
<metahttp-equiv="Content-Style-Type" content="text/css">
</head>
内联的样式比其他方法更加灵活。要使用内联样式，必须使用Content-Style-Type HTTP页眉扩展对整个文档进行单独的样式表语言声明。使用内联CSS的网页制作者必须将text/css作为Content-Style-Type HTTP页眉.
4.内嵌样式表：是在<head>标签内添加<style></style>标签对，在标签对内定义需要的样式。
例如，<head>
<style type=“text/css”>
td{font-size:9pt;color:red}
.font105{font-size:10.5pt;color:blue}
</style>
</head>
注意：有些低版本的浏览器不能识别style标记，这意味着低版本的浏览器会忽略style标记里的内容，并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生，我们用加HTML注释的方式（<!-- 注释 -->）隐藏内容而不让它显示
5.通用选择器：是所有选择器中最强大却最少使用的。通用选择器的作用就像是通配符，它匹配所有可用元素。
伪类选择器：是指对同一HTML元素的各种状态和其所包括的部分内容的一种定义方式。
6外联样式表:是将<style>标签内的样式语句定义在扩展名为.css的文件中。通过使用<link>标签引入样式文件。
例如，<head>
<link href="mystyle.css"rel="stylesheet" type=“text/css”>
</head>
优点：一个外部样式表文件可以应用于多个页面。当你改变这个样式表文件时，所有页面的样式都随之而改变。在制作大量相同样式页面的网站时，非常有用，不仅减少了重复的工作量，而且有利于以后的修改、编辑，浏览时也减少了重复下载代码。
7.导入样式表：是使用CSS的@import命令将一个外部样式文件输入到另外一个样式文件中，被输入的样式文件中的样式规则定义语句就成了输入到的样式文件中的一部分。
例如， <head>
<style type=”text/css”>
<!--
@import “mystyle.css”;
其他样式表的声明
-->
</style>
</head>
8. CSS的长度单位可以是下述几种：
in（英寸）
cm（厘米）
mm（毫米）
em（字高）
pt（点= 1/72英寸）
中查找“css－－-心得”更多相关内容
中查找“css－－-心得”更多相关内容更多精彩
赞助商链接
