1.border中,solid为实线,dashed为虚线
2.clear为清楚浮动
3.position有四种值:
static。正常文档流
relative。相对上下左右的位置
absolute。绝对定位,针对body或父级元素定位
fix:固定定位,不随滚动条滚动
4.display:是否显示,不显示的时候不占据空间
visibility:是否可见,不可见的时候占据空间
5....
分类:
Web程序 时间:
2015-04-15 19:42:37
阅读次数:
145
Link。此时,链接就在那儿等着用户点击。
Visited。用户此前点击过这个链接。
Hover。鼠标指针正悬停在链接上。
Active。链接正在被点击(鼠标在元素上按下,还没有释放)...
分类:
Web程序 时间:
2015-04-15 11:26:09
阅读次数:
165
字符制作三角边框
*{margin:0;padding:0;}
body{font-family:SimSun;}
h1{text-align:center;}
.demo1{
width:100px;
margin:20px auto;
border:1px solid red;
height:100px;
}
.demo1 em,.demo1 span
{
d...
分类:
Web程序 时间:
2015-04-12 16:19:27
阅读次数:
183
Bootstrap作为一个非常流行的前端css框架,得到了非常多的应用。一般的使用方法都是直接download bootstrap.css,作为css文件引入到html的markup中,随后直接引用其定义的class,这样的使用模式有个问题:考虑下面的场景,你需要设计一个login form,在.....
分类:
其他好文 时间:
2015-04-02 01:02:17
阅读次数:
194
一、继承 继承:所谓CSS样式继承,就是子元素应用父元素的规则声明。(由这一特性,可将CSS属性分为可继承属性和非可继承属性。)可继承属性:属性值可由父元素继承给子元素的属性称之为可继承属性。 哪些属性是可继承属性? 1、文本样式属性 text-indent、text-align、word-spac...
分类:
Web程序 时间:
2015-03-28 15:36:52
阅读次数:
122
最近做了几个项目:配资公司,ecmal商城等,客户对前台要求都很高。所以,今天来谈谈css的基础,以及核心,定位问题。div、h1或p元素常常被称为块级元素。这意味着这些元素显示为一块内容,即“块框”。与之相反,span和h3等元素称为“行内元素”,这是因为它们的内容显示在行中,即“行内框”。在这种...
分类:
Web程序 时间:
2015-03-27 23:47:45
阅读次数:
185
一、从扮演浏览器开始 扮演浏览器是Head First图书中很有意义的一个环节。可作者忘记了告诉我们扮演浏览器的台本。我们从这里开始。 上图是webkit内核渲染html和css的流程图。从该图我们可以知道以下几个关键信息: HTML的解析过程和CSS的解析过程是独立完成的。HTML被解析成DOM树...
分类:
Web程序 时间:
2015-03-18 01:00:08
阅读次数:
258
有些时候,某些CSS属性还只是最新版的预览版,并未发布成最终的正式版,而大部分浏览器已经为这些属性提供了支持,但这些属性是小部分浏览器专有的;有些时候,有些浏览器为了扩展某方面的功能,它们会选择新增的一些CSS属性,这些自行扩展的CSS属性也是浏览器专属的。为了让这些浏览器识别这些专属属性,CSS规范允许在CSS属性前增加各自的浏览器前缀。
常见的浏览器前缀有:...
分类:
其他好文 时间:
2015-03-11 23:30:54
阅读次数:
266
.pxc
{
background-position: left top;
background-image:linear-gradient(to top, transparent 0%,transparent 50%,#e0e0e0 50%,#e0e0e0 100%);
background-image: -ms-linear...
分类:
其他好文 时间:
2015-01-30 21:09:04
阅读次数:
260
一、滚动条:
overflow,有以下属性值:
visible默认值。内容不会被修剪,会呈现在元素框之外。
hidden内容会被修剪,并且其余内容是不可见的。
scroll内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit规定应该从父元素继承 overflow 属性的值。
实例:
#The...
分类:
Web程序 时间:
2015-01-28 13:06:10
阅读次数:
199