大草包的博客

相对定位主要针对的是元素本身，若元素A在网页任意位置进行移动，无论移动在B处，或是C处，它的初始参照物，也就是中心，仍然以A为标准。 例： *{ margin:0; padding:0; text-align:center; font-family:微软雅黑; } #box { height:80px; width:80px; bac

连接的四种状态：（例子） 、link 、visited 、hover 、active 具体实现： a:link { color:black } a:visited { color: green} a:hover { color:orange } a:active { color:red } 腾讯主页 显示结果：

列表类型：list-style-type（例） ul.yuan { list-style-type:circle;} ul.fang { list-style-type:square;} ul.da { list-style-type:upper-roman;} ul.xi { list-style-type:lower-alpha;} 空心圆

border:(表格边框) table,th,td{ border:1px solid gray; } 表头 格子 格子 A B C 边框折叠：（border-collapse） border-collapse:collapse;宽度-width、高度-height设定： width:

轮廓样式：（实例，附带颜色） outline相关 h1,p{ font-family:微软雅黑; font-size:25px; width:250px; } p.a{ outline-style:none; } p.b{ outline-style:dotted; } p.c{ outline-style:dash

边框基本术语： element : 元素。 padding : 元素或内容和边框的边距。 border : 边框，元素内容周围的线条。 margin : 外边距，和网页边角的距离。 边框常用内容： border-color/style/width ： 设置边框的属性、颜色、样式 border-bottom-color/style/width： 设置边框的底部属性、颜色、样式

内容概要：  background： 简写，设置背景属性。 background-color： 设置元素的背景颜色。 background-image： 设置为背景的图像 background-attachment： 背景图像是否固定或者随着页面的其余部分滚动。 background-position： 图像的起始位置 background-repeat： 是否以及如何重复 b

color:（text的color） html,body,h1,p{ color:gray; } direction:(text的方向) html,body,h1,p{ direction:rtl; 书写从右向左。 direction:ltr; 书写从左向右。 }line-

一般设定： *{ margin:auto; padding:0; border:0; } #a { width:50px; height:60px; background-color:#E8E8E8; } #b { width:60px; height:50px; background-color:#A0A0A0; }外边框的嵌套： *{ margin:auto;

字体类型（font-family）:         通用字体： Serif： Times、Georgia、New Century Schoolbook Sans-serif ： Helvetica、Geneva、Verdana、Arial、Univers Monospace： Courier、Courier New、Andale Mono Cursive ： Zapf Chancery、

实例如下： p { background-image: url(1.png); background-repeat:no-repeat; width:680px; height:341px; margin:50px; border:2px dotted; } div { background-color:#00ffff;

网页内的内容浮动使用：float(css1)，具体使用如下： *{ margin:0; padding:0; } #a{ width:80px; height:80px; background-color:#f0f8ff; float:right; } #b{ width:80px; height:80px; backgr

旧内容回顾： css规则由两部分组成：  选择器 + 一条或多条声明，如：h1 { color:blue } 通配符 *  和  归类的 . 一个元素可以看作是一个选择器，如:h1/html/body/head/p/font，而通配符也可以看作是类似于这些元素一样的选择器，它本身通用匹配于各个元素。例: *{ color:green; font-family:微软雅黑; text

ID选择器：#+任意一个值组成。 ID选择器有几点需要注意： 、在一个html文档中只能出现一次，并且使用一次; 、无法实现多个选择器的同一时间使用； 、在开头不用声明是为具体哪个元素进行服务，一旦声明就能放在任意元素中使用； 、需要注意大小写规格；

内容不容易理解，故需要以后再次进行学习。-->

目前元素内容的对齐方式有3种： 、position; 、margin  / padding; 、float;

height(css1) 默认值：auto 单位可以为：px、cm、% line-height(css1) 默认值：normal max-height / width(css2) 默认值：none min-width(css2) 默认值：none min-height(css2) 默认值：无

float/clear:css1 none-默认 left right both-左右两侧不允许浮动 position:css2 absolute - 生成绝对定位的元素，相对于static以外的第一个父级元素进行定位。 fixed - 绝对定位的元素，相对于浏览器窗口进行定位。 relative - 相对定位的元素，相对于其正常位置进行定位。 static - 没有定位

网页的导航栏就如同一本书的目录。在网页中是必不可少的。 导航栏的实现，可以使用边框+背景色实现，但由于每个块级元素的数字设定，要保证元素之间的距离，横竖的对其，故非常繁琐，所以使用列表设定可以减少很多麻烦。 导航栏显示可以为横向展开和纵向展开： 横向设定：主要属性-display li { background-color:#faebd7; width:60px;

CSS 有三种基本的定位机制：普通流、浮动和绝对定位。 position 属性: static 元素框正常生成。块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。 relative元素框偏移某个距离。元素仍保持其未定位前的形状，它原本所占的空间仍保留。 absolute元素框从文档流完全删除，并相对于其包含块定位。包含块可能是