CSS学习笔记

0 html标签
可以提交数据到后台服务器，这个过程可以使用表单标签实现。
<form></form>定义一个表单的范围

0.1 表单提交方式
使用sumbit提交
使用button提交：在button上定义一个事件，实现提交方法
使用超链接提交：<a href="hello.html?username=zhangsan">提交</a>

CSS

css:层叠样式表
*层叠：一层一层的
*样式表：很多的属性和属性值
*css将网页内容和显示样式进行分离，提高了显示功能，使页面显示效果更好
1 css和html的结合方式（四种结合方式）
(1)在每个html标签上面都有一个属性style,把css和html结合在一起
(2)使用html的一个标签实现<style>标签，写在head里面
(3)在style标签里面，使用语句@import url(css文件的路径);
(4)使用头标签link,引入外部css文件
***第3中结合方式，在某些浏览器下不起作用，一般使用第四种方式
2 优先级：
后加载的优先级高
3 三种基本选择器
标签选择器 div {......}
class选择器 *每个html标签都有一个属性class
-<div class="aaa">aaaaaaa<div> ----选择器为 .aaa{......}
id选择器 * *每个html标签都有一个属性id
-<div id="aaa">aaaaaaa<div> ----选择器为 #aaa{......}
三种选择器的优先级：
style>id选择器>class选择器>标签选择器
4 css的扩展选择器
关联选择器 标签嵌套<div><p>xxxxxxxx</p></div>
-div p{.....}
组合选择器：把不通的标签 设置成相同的样式
<div>xxxxxxxx</div>
<p>xxxxxxxxxxxxxx</p>
-div,p{.........}
伪元素选择器：css中定义好的样式，可以直接拿来使用
5 CSS的盒子模型
div+css来对网站布局
**在进行布局前需要把数据封装到一块一块的区域内（将数据放入div中）
css可以对各个div的边框，内边距，外边距进行设置

6 css的布局的漂浮float
none:默认值，对象（即div）不漂浮
left:文本流向对象的右边
right:文本流向对象的左边
7 css的布局定位 position----可做网页的图文混排
static:默认值。无特殊定位
sbsolute:将对象（div）从文档流中拖出，使其悬浮在文档上方。
relative:不会将对象（div）从文档流中拖出