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'  阅读(276)  评论(0编辑  收藏  举报