CSS 样式
样式应用的场合当然是网页文件中,但是如何去运用呢?可以简单的整理一下思路。
selector 有三种情况,内部样式,外部样式,内联样式。语法为
Selector { property: value }
可以通过设置标签的style属性中书写,通过CLASS和ID来定义。
<link rel=stylesheet href="***/**.css" type="text/css">
三种方式的运用场合跟作用范围要理解透彻。
内联:只对某个标签生效
内部:对于当前网页中某一类标签生效
外部:对于应用到的多个网页中的某一类标签生效
在编写的样式文件中可以套用别人写好的样式。
@import url("样式文件路径及名称");
关于样式的每种属性的设置没有必要去记,在用的时候可以通过样式设计的工具和参照css手册来进行设计。
相关文档:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
.main{position:relative;width:100%}
.left{position:absolute;width:200px;border:solid 1px red; height: ......
Css 图解margin 和 padding 的区别
以前常常以为margin 和 padding的区别,而老是google,现在理清了...
图解:
margin : 相当于组件的 外边缘 与外部组件的距离
padding : 相当于组件的 内边缘 与内部组件的距离 ......
解决方法:
1、
用css滤镜。
<td style="filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg_img.jpg', sizingMethod='scale'" >
2、
你可以考虑用css滤镜来做背景渐变效果,设置td的css
style="filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#FFFFFF' ......
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是它只对(X)HTML元素中拥有valign特性的元素才生效,例如表格元素中的<td>、<th>、<caption> ......
你大概知道:对于一个新的访问者来说,他在最初20秒内与某网站的互动情况,决定了他是否会留在这个网站做进一步的探索,还是扬长而去。这就意味着,在设计网页的时候,你必须遵循一定的规律来留住访问者。简单的说,就是把所有的网页元素放在访问者所期待的位置。进行此设计的一个重要而有效的部分,就是整一个易于使用的 ......