<css 十五>尺寸设置

轮廓样式：（实例，附带颜色） 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

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

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

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

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

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

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

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

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

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

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

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

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

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