随笔分类 -  前端开发

上一页 1 2 3 下一页
CSS3 RGBA
摘要：详细解释了css3 RGBA 的用法和opacity的区别。http://www.w3cplus.com/content/css3-rgba 阅读全文
posted @ 2015-01-12 18:18 disneyland 阅读(125) 评论(0) 推荐(0)
CSS——LESS【转】
摘要：原文链接：http://www.w3cplus.com/css/less去年就初次接触了LESS,并用他制作了一个Less.org的首页页面，但由于CSS的固有模式，没有让自己喜欢上他。由于前段时间学习bootstrap from twitter再次让我接触了这个Less（我在《CSS——Boots... 阅读全文
posted @ 2015-01-10 15:57 disneyland 阅读(235) 评论(0) 推荐(0)
详解CSS选择器、优先级与匹配原理【转】
摘要：作为一个Web开发者，掌握必要的前台技术也是很重要的，特别是在遇到一些实际问题的时候。这里给大家列举一个例子：给一个p标签增加一个类（class），可是执行后该class中的有些属性并没有起作用。通过Firebug查看，发现没有起作用的属性被覆盖了。这个时候突然意识到了CSS选择器的优先级问题，这里... 阅读全文
posted @ 2015-01-09 23:16 disneyland 阅读(150) 评论(0) 推荐(0)
css 选择器【转】
摘要：最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器，匹配任何元... 阅读全文
posted @ 2015-01-09 23:09 disneyland 阅读(149) 评论(0) 推荐(0)
查看华科网站布局设计后感受
摘要：1，没看源代码时感觉里面有些布局自己做的话可能比较难处理，然而分析完代码后，感觉里面没用到什么特殊的东西。比如logo那一行，开始以为那一行是一整张图片，English Version 那个链接的区域是通过抠图抠出来的区域。但是事实并不是那样，logo只是一个小图片，后面的图片其实是大div的一个... 阅读全文
posted @ 2014-12-13 00:38 disneyland 阅读(128) 评论(0) 推荐(0)
使用float属性的一些小技巧
摘要：html: css:.leftdiv{width:260px;}.link li{ float: left; margin-right: 4px; margin-top: 4px; width:1... 阅读全文
posted @ 2014-12-12 23:56 disneyland 阅读(432) 评论(0) 推荐(0)
学习前端基本路线
摘要： 阅读全文
posted @ 2014-12-12 22:50 disneyland 阅读(163) 评论(0) 推荐(0)
什么是语义化良好的网页
摘要：因为CSS很强大，所以无论有没有按照语义选择标签，我们都可以通过css实现需要的设计。但这也是把双刃剑，如果使用不当，容易使我们陷入css布局的一个误区----只要不是table布局，只要是通过css布局的，就是对的，就是符合web标准的。如果只是考虑最终视觉效果，而不考虑标签语义，其实又走上了... 阅读全文
posted @ 2014-12-12 22:13 disneyland 阅读(646) 评论(0) 推荐(0)
关于css盒模型
摘要：在css中，width和height指的是内容区域的宽度和高度。增加内边距，边框和外边距不会影响内容区域的尺寸，但是会增加元素框的总尺寸。假设框的每个边上有10个像素的外边距和5像素的内边距，如果希望这个框达到100像素就需要将内容的宽度设置为70像素 {margin:10px;padding:5p... 阅读全文
posted @ 2014-12-10 22:12 disneyland 阅读(143) 评论(0) 推荐(0)
使图片自适应div大小
摘要：MaxHeight)this.height=MaxHeight;if(this.width>MaxWidth) this.width=MaxWidth;" alt="" title = "" /> var MaxHeight=120;//图片最大高度 var MaxWidth=240;//图片最大... 阅读全文
posted @ 2014-11-30 20:51 disneyland 阅读(462) 评论(0) 推荐(0)
HTML标签fieldset
摘要：一个不常用的HTML标签fieldset，不过我觉得比较有意思，其语法如下： fieldset名称 下面是一个代码示例： 用户登陆 帐号： 密码： 代码的实际效果如下：用户登陆帐号： 密码：fieldset 标签 -- 对表单进行分组 此标签是成对出现的,以开始,以结束 一个表单... 阅读全文
posted @ 2014-11-30 17:01 disneyland 阅读(432) 评论(0) 推荐(0)
详解定位与定位应用(转)
摘要：定位一直是WEB标准应用中的难点，如果理不清楚定位那么可能应实现的效果实现不了，实现了的效果可能会走样。如果理清了定位的原理，那定位会让网页实现的更加完美。定位的定义：在CSS中关于定位的内容是：position:relative | absolute | static | fixedstatic(... 阅读全文
posted @ 2014-11-30 15:30 disneyland 阅读(277) 评论(0) 推荐(1)
初探Margin负值(转)
摘要：相对而言，margin 负值的使用机率在布局中似乎很少，但是我相信一旦你开始掌握就会着迷，接下来我们看看关于margin负值的一些资料：它是一个有效的属性，至少w3c中明确描述如下：”Negative values for margin properties are allowed…”;margin... 阅读全文
posted @ 2014-11-24 19:54 disneyland 阅读(230) 评论(0) 推荐(0)
CSS hack
摘要：什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本（如IE6-IE11,Firefox/Safari/Opera/Chrome等），对CSS的支持、解析不一样，导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时，我们为了获得统一的页面效果，就需要针对不同的浏览器或不同版本写特定的C... 阅读全文
posted @ 2014-11-24 18:59 disneyland 阅读(198) 评论(0) 推荐(0)
inline、block、inline-block的区别
摘要：我们用firbug浏览别人网站时会发现设计者会在很多地方使用inline-block。我们都知道inline是声明div是内联对象，block是声明块对象，那么inline-block是什么意思，即内联又成块？接下来做个测试，让我们了解一下三者的区别和作用吧：inline、block、inline-... 阅读全文
posted @ 2014-11-24 00:23 disneyland 阅读(450) 评论(0) 推荐(0)
CSS清浮动处理（Clear与BFC）
摘要：在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题 1 2 3 4 5 Clear float 6 23 24 25 26 27 ... 阅读全文
posted @ 2014-11-23 20:59 disneyland 阅读(260) 评论(0) 推荐(0)
页面标准文档流、浮动层、float属性（转）
摘要：CSS float 浮动属性介绍float属性：定义元素朝哪个方向浮动。1.页面标准文档流、浮动层、float属性1.1 文档流HTML页面的标准文档流(默认布局)是：从上到下，从左到右，遇块(块级元素)换行。1.2 浮动层浮动层：给元素的float属性赋值后，就是脱离文档流，进行左右浮动，紧贴着父... 阅读全文
posted @ 2014-11-23 20:57 disneyland 阅读(333) 评论(0) 推荐(0)
为什么「margin:auto」可以让块级元素水平居中？
摘要：知乎链接：http://www.zhihu.com/question/21644198关于BFC的解释：W3CFans http://www.w3cfuns.com/thread-5595727-1-1.html 前端精选温仔：http://www.cnblogs.com/lhb25/p/insid... 阅读全文
posted @ 2014-11-23 20:46 disneyland 阅读(263) 评论(0) 推荐(0)
CSS 外边距合并。
摘要：demo #parent { background: red; width: 200px; height: 200px;}#child { background: green; width: 50px; height: 50px; ... 阅读全文
posted @ 2014-11-23 20:09 disneyland 阅读(153) 评论(0) 推荐(0)
关于margin
摘要：左边是火狐显示，右边为IE显示。用overflow：hidden；可使子div消失。 阅读全文
posted @ 2014-11-23 20:06 disneyland 阅读(160) 评论(0) 推荐(0)

上一页 1 2 3 下一页