Fanbin168的专栏

redgreenbluemagentayellowchocolateblackaquamarinelimefuchsiabrassazurebrownbronzedeeppinkaliceblue

登陆界面 --> /* class选择器 */ .ni{ font-size:large; font-family:Arial; color:Red } .wo{ border-color:Red ; border-style:dashed} /* 标签+class选择器 */

Index4 小苹果 圣女果

http://www.cnblogs.com/xiaohuochai/p/5458068.html

《1》当我们要使用绝对定位的时候，必须要有两个条件1》必须给父元素加定位属性，一般建议使用 position:relative(即：给父元素设为相对定位);2》给子元素，加绝对定位position:absolute（给子元素设置为绝对定位）; 同时加方向属性（top ,left,rigth,bottom）绝对定位是以父元素为基准点，进行定位（如果他没有父元素，或者它的父元素没有

#header { height:100px; width:600px; background:blue; margin:0px auto; /*上下外边距是0px,左右外边距是自动 即：左右居中*/ } #main { /*height:500px;*/ wi

页面布局 标准的页面的布局首页 body { font-family: Arial; margin: 0px; /*很多标签它们默认是有样式的，比如body就有外边距和内边距，我们一般会把body的外边距和内边距先清空，这样的话我们的内容就可以挨着边放了*/ padding:

p:first-line { /*伪元素： 本来p元素的第一行是一句文字，并不是一个元素，但是这里将p元素的第一行伪装成一个元素了，然后给它设置样式; */ font-size:30px; font-family:Arial; color:red; } p:first-letter { /*这

list-style-type 设置标记的样式（或者隐藏标记） ul { list-style-type:disc; } ul#none { list-style-type:none; }

《1》 导航列表 导航列表 导航列表 导航列表 导航列表 导航列表 导航列表 导航

$(function () { border-radius","5px" $("div").css("background", "Red").css("width", "20").css("height", "35").css("margin", "30px").css("border-radius","5px" )// border-radius

a { color:Black; text-decoration:none; } a:hover { color:Red; } #div1 ul {

假设 定义一个div  width=100px; height=100px; padding=10px; margin=20px; border=5px;那么这个div的实际所占用的宽度width=100px+10px*2+20px*2+5px*2=170px......................实际所占用....高度height=100px+10px*2+20px*2+5px*2=

counter-reset:描述:属性设置某个选择器出现次数的计数器的值，默认为 0。值 none 默认。不能对选择器的计数器进行重置。id number     id 定义重置计数器的选择器、id 或 class。number 可设置此选择器出现次数的计数器的值，可以是正数、零或负数。inherit 规定应该从父元素继承 counter-reset 属性的值。 fon

块状元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。常见块状元素为div和p,body将块状元素转换成内联元素:将display设为inline就可以了内联元素内联元素只能容纳文本或者其他内联元素，它允许其他内联元素与其位于同一行，但宽度(width)高度(height)不起作用。常见内联元素为“

1@{ Layout = null;} Index #nav { width: 450px; height: 40px; background-color: #808080; margin: 0 auto; }