CSS学习笔记
2015-08-03 11:22
549 查看
列表样式
list-stye:控制列表中图形样式,对齐方式背景颜色中有一个渐变指示:rgba()
padding属性:元素离边框的距离
块(可定位)元素:段落、表格、div;
盒子模型:边框与边框之间的距离
margin:两个相邻的外边距连接一起时,两者之间的距离最大为边距非两者之和
定位:进行位置定位时,不考虑盒子中的边距问题。
普通流:
浮动流:
绝对定位:
样式选择器
元素选择器:body,th {font:20px;}
类选择器:
*.menu {border:1px solid blue;} //任何标签的menu类:p.menu p标签的menu类
.menu li {background-color:gray;} //menu类选择器中li标签样式
.menu > li {margin-left:30px;} //menu 中第一级(紧挨着)li孩子标签样式
h1 + p {background:green;} // h1紧邻的p选择器
a:hover {} //伪类选择器
a.red {} // 伪类选择器
id选择器:
*#menu {border:1px solid blue;} //
属性选择器:
*[title] {color:red;} //包含title标签的所有css属性
通用兄弟选择器:
p ~span {color:red} // p 的所有兄弟标签
相关文章推荐
- Web布局连载——两栏固定布局(五)
- [div+css]晒晒最新制作专题推广页模板
- 纯CSS制作的新闻网站中的文章列表
- 10条影响CSS渲染速度的写法与使用建议第1/3页
- BS项目中的CSS架构_仅加载自己需要的CSS
- 很不错的 CSS Hack 又学了一招
- 发一个css比较清爽的写法
- CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
- css布局网页水平居中常用方法
- CSS经典技巧十则第1/2页
- css 兼容性问题this.style.cursor=''hand''
- IE6不能正常解析CSS文件问题的解决方法及原因分析
- 欲练CSS ,必先解决IE的一些细节分析
- CSS文字截取功能实现代码
- 支持IE6 IE7 Firefox 的纯CSS的下拉菜单
- 不同版本IE使用不同css(css条件注释语句用法)
- css类选择器的使用方法详解
- css文本框与按钮美化效果代码
- 解决ie动态修改link样式,import css不刷新的问题
- 用css filter做鼠标滑过图片效果