css 1小时入门.ppt

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,2011/11/2,#,css,Cascading Style Sheets,（层叠样式表单）,参考网站：,文档标题,。,在,HTML,中引入,CSS,的方式,:,:,派生选择器，,id,选择器，,class,选择器，属性选择器,在,HTML,中引入,CSS,的方式,选择器,样式,框模型,定位,内容提要,选择器,派生选择器,Id,选择器,Class,选择器,属性选择器,选择器,-,派生选择器,派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使,HTML,代码变得更加整洁。,选择器,-id,选择器,id,选择器可以为标有特定,id,的,HTML,元素指定特定的样式。,每个,id,属性只能在每个,HTML,文档中出现一次,id,选择器以,#,来定义。,选择器,-class,选择器,在,CSS,中，类选择器以一个点号显示：,选择器,-,属性选择器,对带有指定属性的,HTML,元素设置样式。,可以为拥有指定属性的,HTML,元素设置样式，而不仅限于,class,和,id,属性。,注释：,Internet Explorer 7,（以及更高版本）在规定了,!DOCTYPE,的情况下支持属性选择器。,IE6,及更低的版本不支持属性选择器。,:,:,派生选择器，,id,选择器，,class,选择器，属性选择器,在,HTML,中引入,CSS,的方式,选择器,样式,框模型,定位,内容提要,样式,背景,background,文本,text,字体,font,列表,list,表格,table,轮廓,outline,样式,-,背景,background,举例：,样式,-,文本,text,举例：,样式,-,字体,font,样式,-,列表,list,样式,-,列表,list,样式,-,表格,table,样式,-,表格,table,样式,-,轮廓,outline,举例：,:,:,派生选择器，,id,选择器，,class,选择器，属性选择器,在,HTML,中引入,CSS,的方式,选择器,样式,框模型,定位,内容提要,框模型,框模型,框模型,-,内边距,padding,举例：,框模型,-,边框,border,举例：,框模型,-,边框,border,框模型,-,外边距,margin,举例：,:,:,派生选择器，,id,选择器，,class,选择器，属性选择器,在,HTML,中引入,CSS,的方式,选择器,样式,框模型,定位,内容提要,定位,基本思想：它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。,定位,定位,-,相对定位,relative,举例（相对定位）：,定位,-,绝对定位,absolute,举例（绝对定位）：,定位,-,固定定位,absolute,举例（绝对定位）：,THANK YOU,