css的学习(1)

开始学习css的第一天

CSS样式规则

使用HTML时，需要遵从一定的规范。CSS亦如此，要想熟练地使用CSS对网页进行修饰，首先需要了解CSS样式规则，具体格式如下：

h1{                 color: red;  font-size: 25px}
选择器(标签选择器)     属性：属性值 用分号连接  
属性="属性值" 用空格链接

需要注意的是
	1.排版结构   用段落对齐的排版书写css

CSS字体样式属性

font-size:字号大小

font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。

相对长度单位	说明
em	相对与页面的尺寸
px	像素，最常用，推荐你使用
绝对长度单位	说明
in	英寸
cm	厘米
mm	毫米
pt	点

font-family:字体

font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码：

p{ font-family:“微软雅黑”;}

1.一般网页都是14px以上的字体
2.偶数字体字号，ie6等老式浏览器支持奇数会有bug
3.各种字体之间用英文状态下的逗号隔开
4.当字体是英文是，且有空格$#的时候，用双引号括起来
5.尽量使用系统默认字体，保证任何用户的浏览器都能正确显示

CSS Unicode字体

在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。xp 系统不支持 类似微软雅黑的中文。

Unicode,同一码，万国码，单一码，业界标准，它为每种语言的每个字符都设置一个唯一的二进制编码，以满足我们跨语言，跨平台进行文本转换，处理的要求

1.用英文表示

2.用unicode

3.一般用中文

• 基础选择器

  • 标签选择器（元素选择器）

    • 标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。

  • 类选择器

    • 类选择器用"."(英文点号)进行表示，后面紧跟类名

  • 多类名选择器

    • 可以为标签增加多个类名，从而达到更多选择目的

  • id选择器

    • id选择器用"#"(英文点号)进行表示，后面紧跟id名

      #id名{属性名1:属性值1；属性名2:属性值2；}
      

      id是唯一的，只能对用文档中某一个具体的元素，id是html的id属性值，用法和类选择器类似

  • 通配符选择器

    *{属性名1:属性值1；属性名2:属性值2}
    

    所有选择器作用最广的，匹配所有元素

  • 伪类选择器

    • 伪类选择器添加一些特殊效果，比如选择第一元素，第n个元素

      类选择器用 . 伪类用 :

      链接伪类选择器

      ​ : link 未访问的连接

      ​ :visited 、以访问的连接

      ​ :hover 鼠标悬停

      ​ :active 选定的连接

      写的时候，顺序不要颠倒

css外观属性

• 1.color:文本颜色
• 2.line-height:行间距
• 3.text-align:水平对齐方式
• 4.text-indent:首行缩进
• 5.letter-spacing:字间距
• 6.word-spacing:单词间距