随笔分类 -  CSS

摘要：这里说下，只在ie内核的浏览器下使用 阅读全文

摘要：.table{ height:150px; overflow:scroll; } 阅读全文

摘要：1.排版常用标签： a. 块级元素 b.行级元素，可以包含,反之不成立。 2.盒子模型： 一个盒子由 content，padding，border，margin组成， 盒子的实际宽度=content+padding+border+margin。 3.元素定位 a。position【static，absolute，relative，fixed，inherit】 b。float【left，right，none，inherit】 c。 z-index 值为整数，可负可正，值越大越在上面 d。其它辅助定位元素【 left ，top，right，bottom】 ... 阅读全文

摘要：常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper 左右中：left right center 登录条：loginbar 标志：logo 广告：banner 页面主体：main 热点：hot 新闻：news 下载：download 子导航：subnav 菜单：menu 子菜单：submenu 搜索：search 友情链接：friendlink 页脚：footer 版权：copyright 滚动：scro... 阅读全文

摘要：html如下; tableTest 表格测试 姓名年龄手机地址 张三2222杭州市西湖区 李四333333 王五444444 最后的控制效果如下：不同浏览器的区别：ff/IE8/IE7/IE6.a {color:#f00; color:#f60\9; +color:#00FF00; _color:#0000FF; } 阅读全文

摘要：这里是一个没有用table标签的动态效果菜单： 代码如下： test4_css.html HOME NEWS SPORTS WEATHER CONTACTS css代码： body{ border-color: #ffdee0; }#navigation{ width:200px; font-family: Arial; }#navigation ul{list-style-type: none; /* 去掉项目符号*/margin: 0px;padding:0px;}#navigation li{border-bottom: 1px sol... 阅读全文

摘要：css选择器 一、基本选择器 序号 选择器 含义 1. * 通用元素选择器，匹配任何元素 2. E 标签选择器，匹配所有使用E标签的元素 3. .info class选择器，匹配所有class属性中包含info的元素 4. #footer id选择器，匹配所有id属性等于footer的元素 实例： * { margin:0; padding:0; } p { font-size:2em; } .info { background:#ff0; } p.info { backgroun... 阅读全文

摘要：CSS定位DIV绝对底部网页制作Webjx文章简介：CSS的简单在于它易学，CSS的困难在于寻找更好的解决方案。在CSS的世界里，似乎没有完美这种说法。所以，现在介绍的CSS绝对底部，只是目前个人见过的方案中比较完美的吧。CSS的简单在于它易学，CSS的困难在于寻找更好的解决方案。在CSS的世界里，似乎没有完美这种说法。所以，现在介绍的CSS绝对底部，只是目前个人见过的方案中比较完美的吧。先说我们为什么会使用到这个CSS底部布局解决方案:当做一个页面时，如果页面内容很少，不足于填充一屏的窗口区域，按普通的布局，就会出现下面图片中的样子(也就是底部内容并没有位于窗口的底部，而留下了大量空白。对于 阅读全文

摘要：css超链接标签伪类别：a:link 超链接的普通样式，正常浏览状态的风格a:visited 被单击过的超链接的风格a:hover 鼠标指针经过超链接上的样式风格a:active 在超链接上单击时，即当前激活时，超链接的样式风格css通过以上4个伪类别，再配合各种属性风格制作出千变万化的动态超链接。html文件如下: test3_css.html 首页 心语 开题 那双手 水面上的落叶 日暮 卷尾 css 文件如下：a{ font-family: Arial; font-size: 2em; text-align: center; margin: 3px;}a:link,a:... 阅读全文