CSS

一、基础内容

1.后缀：.css 2.导入样式：<link rel="stylesheet" type="text/css" href="StyleSheet.css"> 3.注释: /*这里是注释！*/

4.使用方法：在需要使用css样式的标签里面加入"class”,"id"等,例如：<span class="menu">栏目一</span>

5.html中常用的标签：<span><div>...

6.css 语法：三部分构成：选择器、属性和值(前面加点s)。例如：.menu{color:#0000FF;background-color:#ECF3FD}

7.块级元素：诸如<div>,占领一行，下一个标签必定在下一行出现了。

　行级元素：诸如<span>

8.确定你html用的标准，现在一般用过渡期，要求比较宽松。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 不使用这段代码的话，就会出现很多问题。

二、核心内容

1.标准流：先出现的标签，先显示。

2.盒子模型：每一个标签，相当于一个盒子。

如图所示：盒子与盒子之间的距离叫外边距（margin）

　　　　　盒子框与盒子内容间的距离叫内编剧（padding）

　　　　　盒子框的宽度叫边框（border）

　　　　　内容区分为宽和高。

注意：当两个相邻的盒子都设置了彼此的外边距，那么他们的距离是使用多的那个外边距。

　　　可以用display设置是块级元素（block）还是其他。

3.浮动 作用：超出标准流规范（即先出先的标签未必先出现）

4.定位 （position）

absolute 绝对  ：对于外面的盒子 （脱离标准流）

relative   相对  ：相对于原来位置的偏移量（没有脱离标准流）

posted @ 2010-10-25 16:35  arrow'  阅读(280)  评论(0)    收藏  举报