CSS
MR_yuan24
这个作者很懒,什么都没留下…
展开
-
Web前端框架
随着CSS3和HTML5的流行,我们的WEB页面不仅需要更人性化的设计理念,而且需要更酷的页面特效和用户体验。作为开发者,我们需要了解一些宝贵的CSS UI开源框架资源,它们可以帮助我们更快更好地实现一些现代化的界面,包括一些移动设备的网页界面风格设计。本文分享了10个顶级的CSS UI开源框架,有几个确实不错,一起来看看。1、Bootstrap – 最流行的Web前端UI框架Bo原创 2014-09-23 20:50:54 · 788 阅读 · 0 评论 -
css四种应用方式以及优先级
使用xHTML+CSS布局页面,其中有个很重要的特点就是结构与表现相分离,结构指xHTML页面代码,表现就是CSS代码了,如果把一个网页看成穿着衣服的人的话,人就是xHTML,是结构,而衣服呢就是CSS,是表现,现在出现的问题是,如何让CSS去控制页面?或者说,如何让衣服穿在人身上;不同的CSS就可以使页面出现不同的风格适用不同的网站,而不同的衣服,人穿上后就会体现出不同的职业。第一:如何原创 2014-10-06 22:09:50 · 1241 阅读 · 0 评论 -
盒子模型
盒子模型 盒子模型,是XHTML+CSS布局页面中的核心!要想学会用CSS布局页面,就首先要理解盒子模型! 什么是盒子模型? 对于初学者来说,不容易理解,但是对于生活中的盒子大家应该熟悉,大到集装箱,小到铅笔盒,盒子模型你完全可以理解成现实生活中的盒子就可以了,不然怎么能起个名字叫“盒子模型”呢? 好!既然和现转载 2014-10-06 22:04:32 · 702 阅读 · 0 评论 -
CSS特殊性之权值
有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码:p{color:red;}.first{color:green;}三年级时,我还是一个胆小如鼠的小女孩。p和.first都匹配到了p这个标签上,那么会显示哪种颜色呢?green是正确的颜色,那么为什么呢?是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种cs原创 2014-10-19 21:14:17 · 561 阅读 · 0 评论 -
CSS层叠
在上一篇中提到浏览器会根据权值来我们来思考一个问题:如果在html文件中对于同一个元素可以有多个css样式存在并且这多个css样式具有相同权重值怎么办?好,这一小节中的层叠帮你解决这个问题。层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。如下面代码:p{color:r原创 2014-10-19 21:20:01 · 413 阅读 · 0 评论 -
CSS之!important(重要性)
我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。如下代码:p{color:red!important;}p{color:green;}三年级时,我还是一个胆小如鼠的小女孩。这时 p 段落中的文本会显示的red红色。注意:!important要写在分号的前面这里注意当网页制作者不设置cs原创 2014-10-19 21:35:17 · 898 阅读 · 0 评论 -
CSS文字篇
文字排版--字体我们可以使用css样式为网页中的文字设置字体、字号、颜色等样式属性。下面我们来看一个例子,下面代码实现:为网页中的文字设置字体为宋体。body{font-family:"宋体";}这里注意不要设置不常用的字体,因为如果用户本地电脑上如果没有安装你设置的字体,就会显示浏览器默认的字体。(因为用户是否可以看到你设置的字体样式取决于用户本地电脑上是否安装你设置原创 2014-10-19 22:23:25 · 636 阅读 · 0 评论 -
浮动闭合最佳方案:clearfix
最优浮动闭合方案(这是我们推荐的):.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix{*+height:1%;}用法很简单,在浮动元素的父云素上添加class=”demo clearfix”。你会发现这个办法也有个弊端,但的确是小问题。改变css写原创 2014-10-20 22:58:18 · 642 阅读 · 0 评论