html和css学习二
2016-04-15 12:11
225 查看
内联元素也叫行内元素
行内元素不能设置宽高 margin padding等,宽度由文字决定,且不能独占一行,是包文字用的,水平方向可以设置margin-left,margin-right;
块状元素是可以设置宽高的,独占一行,可以设置margin和padding
行内元素和块状元素的转换
inline内联
block块状
display:block;
display:inline;
display:none;消失的意思,但是这个最好不要用
设置背影图片
background:url(img/small.jpg)no repeat repeat-x repeat-y
图片在背景颜色的上面
控制背景图位置background-position:right center;
还可以用像素
id选择器 class选择器 标签选择器 派生选择器 伪类选择器
控制的越精细 就发挥的作用越大
行内元素不能设置宽高 margin padding等,宽度由文字决定,且不能独占一行,是包文字用的,水平方向可以设置margin-left,margin-right;
块状元素是可以设置宽高的,独占一行,可以设置margin和padding
行内元素和块状元素的转换
inline内联
block块状
display:block;
display:inline;
display:none;消失的意思,但是这个最好不要用
设置背影图片
background:url(img/small.jpg)no repeat repeat-x repeat-y
图片在背景颜色的上面
控制背景图位置background-position:right center;
还可以用像素
id选择器 class选择器 标签选择器 派生选择器 伪类选择器
控制的越精细 就发挥的作用越大
相关文章推荐
- css隐藏页面元素方式
- CSS控制文本的长度,超过一行显示省略号
- CSS 样式表小结
- GitHub倡导的CSS编写风格及文件目录部署指南
- CSS中样式 display 属性 inline,block及inline-block
- CSS类及ID中的命名规则
- css input[type=file] 样式美化,input上传按钮美化
- CSS实现垂直居中的常用方法
- CSS3盒模型-box-shadow详细解析
- win7中VS2010中安装CSS3.0问题解决方法
- CSS弹性盒子Flexbox布局详解
- 34_水平ProgressBar样式
- 勤能补挫-简单But易错的JS&CSS问题总结
- Css样式技巧:常用的选择器和通用选择器
- 弹出框css技巧
- css 伪元素的初次使用
- 对css3属性 z-index的理解
- CSS中margin和padding的区别
- CSS学习笔记总结和技巧
- Gulp学习指南之CSS合并、压缩与MD5命名及路径替换(转载)