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 相对 :相对于原来位置的偏移量(没有脱离标准流)