• 【border:0】和【border:none】之间的一些事2013-03-07很多人都在页面的开头部分写上*{margin:0;padding:0;border:0},看似方便,但弊大于利,本文仅通过【border:0】和【border:none】来说明。1.性能差异【border:0;】把border设为“0”像素虽然在页面上看不见,但按border默认值理解,浏览器依然对border-width/bor..【阅读全文】
  • 实用技巧:让你的网站变成响应式的3个简单步骤2013-03-07 现在是时候添加一些媒体查询了。根据 W3C 网站,媒体查询由媒体类型和零个或多个媒体查询的条件表达式组成。通过使用媒体查询,外观呈现可以针对特定范围内的输出设备,而不需要改变内容本身。换句话说,媒体查询让您的网站在各种各种显示器上看起来都很好,从小的智能手机到大..【阅读全文】
  • IE大叔的杀马特审美之—CSS盒子模型2013-03-07干前端,跑不了和IE大叔打交道.....有句话叫存在即合理,IE大叔在前端界是灰常的NB啊,既然咱改变不了世界,就只能改变自己。先上定义:为了给浏览器上各个元素排版定位,浏览器会根据渲染模式为元素生产4个矩形框,分别从外到内为margin、border、 padding、content,它们..【阅读全文】
  • CSS教程:css中的定位2013-03-04包含块包含块是用来定位的参照物,建立参照物的规则如下:1 如果一个元素进行了绝对定位,浏览器窗口本身而它又不在任何一个设定了relative或者fixed或者absolute定位的标签里面,那么这个元素的包含块就是浏览器窗口本身。2 如果一个元素进行了绝对定位,而它在另一个设定了relati..【阅读全文】
  • CSS技巧:css的层叠顺序2013-03-04<html> <head> <title>Z-Index</title> <style type = "text/css"> .one { background: green; position: absolute; padding: 10px; width: 500px; height: 300px; border: 2px solid black; z-index: 7; /*z-index设置为7*/ top: 40px; ..【阅读全文】
  • css盒模型中子元素垂直方向上总高度与父元素height的关系2013-03-04<html> <head> <title>MarginBottom</title> </head> <body> <div style = "background: gray; width: 100px;height: 100px;border: 2px solid green;"> <div style = "background: red;margin:20px 0 200px;"&..【阅读全文】
  • CSS教程:css中的white-space属性2013-03-04<html> <head> <title>WhiteSpace</title> <style type = "text/css"> span { white-space: normal; background: silver; } </style> </head> <body> <span> Some text。 Some text。 Some text。 </span>..【阅读全文】
  • CSS教程:css的display属性2013-03-04<html> <head> <title>inlineBlock</title> <style type = "text/css"> div { background: orange; } span { background: red; } </style> </head> <body> <div> 我是div </div> <span> 我是span &l..【阅读全文】
  • CSS技巧:CSS格式化文本2013-03-02选择字体font-family: "Times New Roman", Times, serif;注意:字体名称中包含多个单词要用("")括起来。字体颜色color:#cccccc(16进制)color: rgb(0%, 100%, 0%) 或者 color: rbg(0, 255, 0)rgb颜色,百分数表示0-255的一个数修改字号font-sizefont-szie后面..【阅读全文】
  • CSS技巧:css中的表格间距2013-03-02css中的表格padding是为表格单元格添加填充调整垂直对齐和水平对齐text-alignleft center right justifyvertical-aligntop baseline bottom middle控制表格单元格内容的对齐方式,但是要注意的是vertical-align不能被继承,一次要直接指定。边框border当给表格运用border属性的时..【阅读全文】
  • CSS学习:css的背景图片的处理2013-03-02css的背景图片是设计一个漂亮网页的关键之处background-imageurl("图片相对于样式表的路径")注意:url是图片相对于样式表的路径,而非相对于当前网页的路径,路径可以加引号也可以不加引号控制重复background-repeatno-repet repeat repeat-x repeat-y 控制位置backgroun..【阅读全文】
  • CSS技巧:css的盒模型2013-03-02下面是css中的盒模型,每一个标签都是一个盒模型这个盒模型里面,最里面是内容区,内容区的外面是填充(padding), 填充的外面是边距(margin), 填充和边距之间是边框(border)。通过这个盒模型,我们可以发现,填充将内容和边框隔开,边框将填充和边距隔开,边距将一个元素和另一个元..【阅读全文】
  • CSS学习:CSS优先级2013-03-02我将CSS优先级总结为四个级别的优先,按照从高到低的顺序排列分别是标签离修饰内容近,!important相关,选择器级别,CSS代码位置靠下。在比较的时候从高往低比较。如果在某一优先级层面上已经比较出不同,就不需要继续比较;否则进入下一级的比较。下面详细的描述这四个优先级第一..【阅读全文】
  • CSS2+DIV的学习心得2013-03-02一、对CSS和页面布局的理解 1. 首先在如何写CSS之前,要先了解页面的整个布局结构,例如:主页面内容、站点导航(主菜单)、子菜单、搜索框、功能区、页脚,清楚了页面的结构,才能更好的去设计CSS样式。2. 样式表优先级:外部<内部<内联。有个例外的情况,就是如果外部样式放..【阅读全文】
  • css中替换元素和不可替换元素2013-03-02元素是文档结构的基础,在css中,每个元素生成了一个包含了元素内容的框(box,也译为“盒子”)。但是不同的元素显示的方式会有所不同,例如<div>和<span>就不同,而<strong>和<p>也不一样。在文档类型定义(dtd)中对不同的元素规定了不同的类型,这也..【阅读全文】
  • css浮动中避免包含元素高度元素为0的4种方法2013-03-02<html> <head> <title>Float</title> <style type = "text/css"> ul { list-style-type: none; width: 800px; background: blue; } li { float: left; } </style> </head> <body> <ul> <li><img src = ..【阅读全文】
  • 华丽的应用程序图标-带给你不一样的视觉体验2013-02-01 在这篇文章中,我已经收集了多个华丽的图标集,适用于几乎任何类型的设计。这些图标有一个干净的和描述性的外观,同时遵循良好的设计原则,相信你会喜欢。Delicious Berries33 Free Social Media IconsJigsoar iconsMetro Icons for Icon PackagerPace Social Icon SetRetro Can..【阅读全文】
  • 网页设计基础:链接的样式设计2013-02-01这里需要注意的是书写链接变化的代码时,顺序是一定的,即按照 A:link 链接文字的普通状态 A:visited 链接被鼠标点击过后的状态 A:hover 鼠标移到链接文字上的状态 A:active 鼠标点击了链接,但新页面还没出现时的状态 的顺序定义,否则可能出现意想不到的问题 从以上超级链接的形式可..【阅读全文】
  • CSS3经典教程系列:CSS3 阴影(text-shadow)2013-02-01text-shadow : none | <length> none | [<shadow>, ] * <shadow> 或none | <color> [, <color> ]*也就是:text-shadow:[颜色(Color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)],[颜色(color) x轴(X Offset) y轴(Y Offset) 模糊半径(Blur)]...或..【阅读全文】
  • 网页设计:关于字体的应用技巧2013-02-01一、小述 作为一个并非前端开发的人,却有时候喜欢前端的一些东西。如果说网站是一项建筑工程的话,那么后台就是比较重量级的钢筋水泥土,先搭建好整体框架,然后再慢慢地填充。那么前端就是修补、装饰、美化等工作了,它起到了让人一眼都爱上她的作用。一个网站的好坏,不仅仅是..【阅读全文】
共 1231 条记录┊当前页次:2/62┊20条/页