CSS初探
2013-04-06 16:40
141 查看
1.背景图片为啥老是不出现?
网上说的是路径问题,本文先贴出代码:
.pagebody{
background:url('../images/login_02.gif') no-repeat;
}
加了一句
.pagebody{
background:url('../images/login_02.gif') no-repeat;
height:100px;
}
height这里才能使得背景图片显示,朋友们可以试试看。
2.display:block有啥用?
3. > 符号控制继承,代表的是直接继承子类
div>ul>li{ }
div的直接子元素是ul的里的直接子元素是li的样式
若没有>,则代表的所有子类,即有可能是子类的子类,如:
div ul li{ }
4.窗口缩小时,字体或者图片的位置会随之改变,解决的办法是:
在div设置类的时候,加入位置或大小属性,则不会出现该现象。
5.如何设置div内容居中?
首先在body加入属性text-align:center;
然后在对应得div中,加入magrin:0 auto;
欧克~
6.关于charset=utf-8和 charset=gb2312编码的不同
在页面设计的过程中,utf-8会导致css中文部分样式丢失,因为这种编码方式不认中文。
7.font:12px/1.6 arial;的意思
1.6表示的是line-height:1.6em;简写就是font:12px/1.6;但是必须是这样写font:12px/1.6 arial;如果后面不跟Arial就可能不出现效果!(转)
8.!important的含义
!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important },即
写在定义的最后面,例如:box{color:red !important;}
W3c的解释
CSS企图创造一个平衡作者和用户之间的级层样式表。
默认情况下,CSS规则按级层覆盖,例如在.CSS文件中的定义可以被style标签的定义覆盖,反之则不行。
然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。
9.如何使一行的两个div元素不浮动:
对第一个添加:float:left;第二个添加float:right或者不加。
10.background:#FFFFFF none repeat scroll 0 0;是什么意思?
BACKGROUND:transparent none repeat scroll 0% 0%
分别代表
背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置
background : background-color || background-image || background-repeat || background-attachment || background-position
transparent表示透明无颜色
none 表示没有设置背景图片
repeat 表示图片重复
scroll 表示背景图片随浏览器下拉而滚动
0%水平位置在x0
0%垂直位置在y0
网上说的是路径问题,本文先贴出代码:
.pagebody{
background:url('../images/login_02.gif') no-repeat;
}
加了一句
.pagebody{
background:url('../images/login_02.gif') no-repeat;
height:100px;
}
height这里才能使得背景图片显示,朋友们可以试试看。
2.display:block有啥用?
display:block;比较常用于<a><span>这两个标签——因为这两个标签非块元素,如果不用display:block定义一下,那么定义width、height等和长宽相关的css属性时会发现完全不生效。你可以实际写几行简单代码感受一下。
3. > 符号控制继承,代表的是直接继承子类
div>ul>li{ }
div的直接子元素是ul的里的直接子元素是li的样式
若没有>,则代表的所有子类,即有可能是子类的子类,如:
div ul li{ }
4.窗口缩小时,字体或者图片的位置会随之改变,解决的办法是:
在div设置类的时候,加入位置或大小属性,则不会出现该现象。
5.如何设置div内容居中?
首先在body加入属性text-align:center;
然后在对应得div中,加入magrin:0 auto;
欧克~
6.关于charset=utf-8和 charset=gb2312编码的不同
在页面设计的过程中,utf-8会导致css中文部分样式丢失,因为这种编码方式不认中文。
7.font:12px/1.6 arial;的意思
1.6表示的是line-height:1.6em;简写就是font:12px/1.6;但是必须是这样写font:12px/1.6 arial;如果后面不跟Arial就可能不出现效果!(转)
8.!important的含义
!important是CSS1就定义的语法,作用是提高指定样式规则的应用优先权。语法格式{ cssRule !important },即
写在定义的最后面,例如:box{color:red !important;}
W3c的解释
CSS企图创造一个平衡作者和用户之间的级层样式表。
默认情况下,CSS规则按级层覆盖,例如在.CSS文件中的定义可以被style标签的定义覆盖,反之则不行。
然而,对覆盖平衡而言,加上一个“!important”就优先于正常的CSS规则。
9.如何使一行的两个div元素不浮动:
对第一个添加:float:left;第二个添加float:right或者不加。
10.background:#FFFFFF none repeat scroll 0 0;是什么意思?
BACKGROUND:transparent none repeat scroll 0% 0%
分别代表
背景属性:背景颜色 背景图片 背景是否重复 背景时候随浏览器滚动 背景平位置 背景垂直位置
background : background-color || background-image || background-repeat || background-attachment || background-position
transparent表示透明无颜色
none 表示没有设置背景图片
repeat 表示图片重复
scroll 表示背景图片随浏览器下拉而滚动
0%水平位置在x0
0%垂直位置在y0
相关文章推荐
- 页面定制CSS代码初探(四):cnblogs使用Github引用样式
- CSS 预处理器(框架)初探:Sass、LESS 和 Stylus
- CSS学习初探
- js,css 自动化构建工具gulp初探
- 牛腩新闻发布系统——初探CSS
- 页面定制CSS代码初探(三):设置正文最小高度
- 初探PostCSS
- 牛腩新闻发布系统——初探CSS
- 页面定制CSS代码初探(一):页面变宽 文本自动换行 图片按比缩放
- 精通CSS+DIV网页样式与布局--初探CSS
- CSS代码结构初探
- 「菜鸟初探」纯CSS实现二级导航
- 精通CSS+DIV网页样式与布局--初探CSS
- CSS 初探
- CSS+DIV网页样式与布局——CSS初探
- javafx之CSS初探
- [cnblogs镜像]页面定制CSS代码初探(三):设置正文最小高度
- 精通CSS+DIV网页样式与布局--初探CSS
- css初探知识总结
- 【HTML5学习笔记】15:CSS初探