
网页设计和开发
文章平均质量分 55
小迷童
这个作者很懒,什么都没留下…
展开
-
margin collapse
“collapsing margins”(折叠margin)的意思是:2个或以上盒模型之间(关系可以是相邻或嵌套)相邻的margin属性(这之间不能有非空内容、padding区域、border边框或使用清除分离方法)结合表示为一个单独的margin。在css2.1中,水平的margin不会被折叠。垂直margin可能在一些盒模型中被折叠:1、在常规文档流中,2个或以上的块级盒模型相转载 2012-01-16 13:59:19 · 778 阅读 · 0 评论 -
css3 media媒体查询器用法总结
随着响应式设计模型的诞生,Web网站又要发生翻天腹地的改革浪潮,可能有些人会觉得在国内IE6用户居高不下的情况下,这些新的技术还不会广泛的蔓延下去,那你就错了,如今淘宝,凡客,携程等等公司都已经在大胆的尝试了这项技术,并完美的应用在了自己的网站上了。再不更新知识你就老了。我今天就总结一下响应式设计的核心CSS技术Media(媒体查询器)的用法。准备工作1:设置Meta标签转载 2014-01-15 11:57:10 · 2589 阅读 · 0 评论 -
CSS Colors
Colors in CSS can be specified by the following methods:Hexadecimal colorsRGB colorsRGBA colorsHSL colorsHSLA colorsPredefined/Cross-browser color namesHexadecimal ColorsHexadecimal color转载 2013-09-02 15:23:00 · 1379 阅读 · 0 评论 -
CSS3 @font-face Rule
ExampleSpecify a font named "myFirstFont", and specify the URL where it can be found:@font-face{font-family: myFirstFont;src: url('Sansation_Light.ttf'), url('Sansation_Light.eot');转载 2013-09-02 15:28:05 · 1369 阅读 · 0 评论 -
自适应网页设计(Responsive Web Design)
随着3G的普及,越来越多的人使用手机上网。移动设备正超过桌面设备,成为访问互联网的最常见终端。于是,网页设计师不得不面对一个难题:如何才能在不同大小的设备上呈现同样的网页?手机的屏幕比较小,宽度通常在600像素以下;PC的屏幕宽度,一般都在1000像素以上(目前主流宽度是1366×768),有的还达到了2000像素。同样的内容,要在大小迥异的屏幕上,都呈现出满意的效果,转载 2013-01-29 17:19:17 · 371 阅读 · 0 评论 -
css的box的阴影
-webkit-box-shadow: rgba(255, 255, 255, 0.6) 0px 3px 0px;-moz-box-shadow: rgba(255, 255, 255, 0.6) 0px 3px 0px;box-shadow: rgba(255, 255, 255, 0.6) 0px 3px 0px;解释: 255, 255, 255, 0.6, 前面三个为颜色RGB,原创 2013-01-09 16:46:32 · 326 阅读 · 0 评论 -
css之box的圆角
-webkit-border-radius: 0 0 6px 6px;-moz-border-radius: 0 0 6px 6px;border-radius: 0 0 6px 6px;解释: 0 0 6px 6px 代表左上, 右上, 左下, 右下.原创 2013-01-09 16:50:18 · 747 阅读 · 0 评论 -
css之box的背景颜色渐变
background: #f1f1f1; /* Show a solid color for older browsers */ background: -moz-linear-gradient(#dcdcdc, #ffffff); background: -o-linear-gradient(#dcdcdc, #ffffff); background: -webkit-gradient(l原创 2013-01-09 16:53:27 · 1138 阅读 · 0 评论 -
html中的http-equiv属性应用详解
html中的http-equiv属性应用详解一.简介http-equiv 属性 -- HTTP协议的响应头报文此属性出现在meta标签中此属性用于代替name,HTTP服务器通过此属性收集HTTP协议的响应头报文此属性的HTTP协议的响应头报文的值应使用content属性描述http-equiv示例告诉浏览器等设备,文件为ht转载 2012-12-28 13:56:21 · 451 阅读 · 0 评论 -
HTML 字符实体
字符实体一些字符在 HTML 中拥有特殊的含义,比如小于号 (字符实体有三部分:一个和号 (&),一个实体名称,或者 # 和一个实体编号,以及一个分号 (;)。要在 HTML 文档中显示小于号,我们需要这样写:< 或者 <使用实体名称而不是实体编号的好处在于,名称相对来说更容易记忆。而这么做的坏处是,并不是所有的浏览器都支持最新的实体名称,然而几乎所有的浏览器对实体编转载 2012-08-28 13:15:02 · 357 阅读 · 0 评论 -
浏览器的加载与页面性能优化
本文将探讨浏览器渲染的loading过程,主要有2个目的:了解浏览器在loading过程中的实现细节,具体都做了什么 研究如何根据浏览器的实现原理进行优化,提升页面响应速度 由于loading和parsing是相互交织、错综复杂的,这里面有大量的知识点,为了避免过于发散本文将不会对每个细节都深入研究,而是将重点放在开发中容易控制的部分(Web前端和Web Server),同时由于浏览器转载 2012-02-03 23:47:30 · 562 阅读 · 0 评论 -
media type(媒体类型)与media query(媒体查询)简介及使用方法介绍
media type(媒体类型)是css 2中的一个非常有用的属性,通过media type我们可以对不同的设备指定特定的样式,从而实现更丰富的界面。media query(媒体查询)是对media type的一种增强,是CSS 3的重要内容之一。随着移动互联网的发展,media query开始得到大家的重视。 media type 让我们先了解一下media type,其实这个大家会转载 2014-01-15 11:59:28 · 1792 阅读 · 0 评论