标签：
css+div
超链接： <a hert = " " target(超链接的打开方式) = "self（自身）"或"new（新开窗体）"> </a> 锚点：超链接的特殊应用 <a href="#1"...> </a> <a name ="1"> </a> 表格：容器,可以把这一个页面划分区域表格不能随便移动 div： 层标签 （默认占一行） 通过坐标设定位置，可以随意挪动 table 的单元格可以任意拖拽更利于网站优化 <div> </div> css:style：样式表 控制标签的样式 body以及body里面所有的标签都可以加style style：样式表 内联样式表：style 样式表写在body属性位置的时候 内嵌样式表：写在head范围之内的,来控制当前页面着写标签的样式 <head> <style> body{ /* 设置body标签的 颜色 */ background-color:#309 } </style> </head> 外部样式表：通过 link 标签链接 css 文件起一个宏观调控的作用，后期维护方便 <head> 选择器：如何用外部样式表控制HTML的标签 <link type="text/css" href="css/style.css" rel="stylesheet" /> </head> id选择器：标签的身份编号，一个网页里面 body范围之内所有的标签都可以写id 而且 id不能重复唯一识别 先在css文件里设置： #p1 { color:#0F9;} 然后：作用在原文件 </head> <body> <p id="p1">rer</p> <p id="p2">sdf</p> <p id="p3">sdf</p> </body> </html> 标签选择器： body{ /* 设置body标签的 颜色 */ background-color:#309 } 优先遵循id选择器 在css注释：/* */ 在HTML注释<!-- --> class选择器： 先在css文件里面建立 .yangshi1 { color:#C0F;
} 然后在文件里面link css文件 然后通过 class=样式的名字 <body> <p id="p1">rer</p> <p id="p2" class="yangshi1">sdf</p> <p id="p3">sdf</p> </body>
画一个div，让这个div占满整个屏幕： #apDiv1 { position: absolute; width: 100%;▲ height: 100%;▲ background-color:#FF0; z-index: 1; } position是位置：默认是absolut，相对于body而言固定 fixed 锁定位置，如网页上方的导航栏 当两个div叠加到一起时，z-index: 从1开始，后面数字越大，层数越靠上，覆盖 当两个div中z-index:都为1 时，body中<div id="apDiv1"></div><div id="apDiv2"></div> 后写的那个在上面 做一个导航菜单，div的居中 position: absolute; margin:auto; div中，margin设置为auto是，是自适应，上下左右间距自由，取决于position： absolute时，是在起点位置， relative时，是居中 overflow:scroll;--如果超出的话给div加滚轴 hidden --隐藏 <div class="yincang" onmouseover="this.className=‘xianshi‘" onmouseout="this.className=‘yincang‘">
20151008-20151101学习内容之三：css+div
标签：
原文地址：http://www.cnblogs.com/mn-b/p/4941168.html
