常用CSS书写技巧

常用CSS书写技巧的相关文章

• 
  CSS常用技巧汇总

  标签：Web开发

  ul 标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 一个兼容性调整(IE和Mozilla)的笨办法： 初学可能会碰到这样一个情况:同样一个标签的属性在IE设置成A显示是正常的，而在Mozilla里必须要设成B才能...[ 查看全文 ]

  秋雨随风5

  21
• 
  写出更好的代码CSS代码书写技巧分享

  标签：Web开发

  1. Reset 真的，要一直使用一个reset，无论是使用Eric Meyer Reset、YUI Reset、或者你自己的定制的reset，一定要使用。 这可以简单到仅仅将所有元素中的margin和padding属性去掉: html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; } Eric Meyer和YUI的Resets样式是很棒的，但对我来说，它们走的太远了。...[ 查看全文 ]

  六小米爷

  11
• 
  CSS纵向书写和横向书写的特点

  标签：Web开发

  纵向书写特点： 每个CSS属性独立一行，一般不会出现换行或横向滚动条。 可以通过firebug等工具查找到模块，在DW中ctrl+g行定位，修改方便。 属性段落间有缩进，保证了代码的整洁，层次清楚，符合编程语言代码规范，修改更加直观。 存在的问题：代码冗余（如空格符、tab符、换行符）；文件大小增加；容易出现纵向滚动条。 横向书写特点： 最大化的利用了空间，单屏内能显示更多，减小了纵向滚动条出...[ 查看全文 ]

  雄霸紫禁之巅

  61
• 
  CSS样式表常用技巧

  标签：Web开发

  CSS样式表常用小技巧 · ul 标签在 Mozilla 中默认是有 padding 值的，而在 IE 中只有 margin 有值。 · 同一个的 class 选择符可以在一个文档中重复出现，而 id 选择符却只能出现一次；对一个标签同时使用 class和 id 进行 CSS 定义，如果定义有重复，id 选择符做的定义有效。 · 初学可能会碰到这样一个情况，同样一个标签的属性在 IE 设置成 A 显示是正常的，而在 Mozilla 里必须要设成 B 才能正常显...[ 查看全文 ]

  还我音乐梦

  11
• 
  CSS的渲染效率----书写高效的CSS

  标签：Web开发

  根据一些CSS写作经验，如何提高渲染效率及所占用消耗的资源，我们来浅谈一下CSS的渲染效率，书写高效的CSS。 1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。 * 不赞成 - color:#f3a; * 建议用 - colo...[ 查看全文 ]

  公鸡中的战斗机

  11
• 
  CSS写作经验:书写高效的CSS

  标签：Web开发

      根据一些CSS写作经验，如何提高渲染效率及所占用消耗的资源，我们来浅谈一下CSS的渲染效率，书写高效的CSS。     1、十六进制的颜色值对位数与大小写     编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降...[ 查看全文 ]

  扎心的故事

  21
• 
  CSS JavaScript php的书写规则

  标签：Web开发

  1. 标签内的多个属性之间，只要空一隔，不需要 逗号    a href="brand_me.html" target="browser_page" 2. CSS ：选择器内的属性的多个值，也不要用符号隔开，只要空一隔    background: #ccc url(pattern.fif) repeat-x; 3. JavaScript语句的写法，下面是一些例子：     ◇ window.open("some_url","window_name", "location=no,status=no");     ...[ 查看全文 ]

  liyangliyan760

  01
• 
  css技巧：分享9个网页制作常用技巧

  标签：Html CSS布局 Div+CSS XHTML

  本篇总结了一些css常用技巧，为网站重构打下基础，但愿您能学到一点有用的东西。 一.使用css缩写 使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《css基本语法》。 二.明确定义单位，除非值为0 忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写;100，但是在CSS中，你必须给一个准确的单位，比如：" width:100em。只有两个例外情况可以不定义单位：...[ 查看全文 ]

  scar222222

  181
• 
  养成良好的CSS样式书写习惯

  标签：Web开发

      之所以在讲述一切技术技巧之前先谈论CSS书写习惯，是因为我觉得技术技巧是可以很快学到的，但是书写习惯是慢慢形成的，无论是书写的条理性，命名的规范性，注释的易读性还是代码的简化性都不是一朝一夕能够形成的。所以希望学习CSS的朋友们从一开始就要养成良好的书写习惯，这对将来自己查改样式或者交由他人修改的可读性都有相当重要的意义。     首先，选择符命名规范...[ 查看全文 ]

  吕平松

  31
• 
  CSS代码如何书写才更加专业规范

  标签：Web开发

  每个人都可以编写CSS代码，甚至你现在已经让它为你的项目工作了。但是CSS还可以更好吗？虽然22333.com介绍了多种这方面的技巧，得开始用这五个方面改进你的CSS，会让你显得更加专业，也能使代码有好！ 一、重置 首先，很认真的告诉你，总是要重置某些分类。无论你是使用 Eric Meyer Reset、YUI Reset，或者你自己编写的重置代码，只要使用就对了。 它能很简单的移除所有元素的填充（padding）和边...[ 查看全文 ]

  Mq724014513

  01
• 
  CSS常用样式效果

  标签：Web开发

  虽然CSS样式的学习需要我们动手多实践，需要多做案例，思致思考，但有时候注意资料的收集与整理也是非常重要的，在实际开发中往往会起到事半功倍的效果。在的文档中，也提供了丰富的内容。下面一些关于按钮、文本框、表单的常用CSS样式。大家可以参考。 一、按钮样式 .buttoncss { font-family: "tahoma", "宋体"; /**/ font-size:9pt; color: #003399; border: 1px #003399 solid; color...[ 查看全文 ]

  傻傻的问wj

  61
• 
  常用的CSS知识

  标签：Web开发

  1. Block和inline元素对比 所有的HTML元素都属于block和inline之一。 block元素的特点是： 总是在新行上开始； 高度，行高以及顶和底边距都可控制； 宽度缺省是它的容器的100%，除非设定一个宽度 div, p, h1, form, ul 和 li是块元素的例子。 相反地，inline元素的特点是： 和其他元素都在一行上； 高，行高及顶和底边距不可改变； 宽度就是它的文字或图片的宽度，不可改变。 span, a, label, in...[ 查看全文 ]

  迷恋那坏笑

  31
• 
  推荐大家使用的CSS书写规范和顺序

  标签：平面设计 海报设计 广告设计 画报设计 签名设计 服装设计 名片设计 画册设计 版式设计 商标设计

  写了这么久的CSS，但大部分前端er都没有按照良好的CSS书写规范来写CSS代码，这样会影响代码的阅读体验，这里设计达人网总结一个CSS书写规范、CSS书写顺序供大家参考，这些是参考了国外一些文章以及我的个人经验总结出来，我想对写CSS的前端用户来说是值得学习的。 CSS书写顺序 1.位置属性(position, top, right, z-index, display, float等) 2.大小(width, height, padding, margin) 3.文字系列(font, line-h...[ 查看全文 ]

  周周护肤瘦身

  21
• 
  CSS常用信息速查手册

  标签：Web开发

  文字属性 标识符 作用 属性值 font-family: 定义文字类型，顺序寻找，先找到的为选定值，若都找不到则用默认值 宋体，黑体等 font-style: 定义字体风格。 normal(标准)italic(斜体)oblique(倾斜) font-variant: 改变英文字母的显示 normal,small-caps(小型大写字母) font-weight: 使字体加粗 normal(相当于400),bold,lighter,bolder或100~900的九个数 font-size: 定义字体大小 ...[ 查看全文 ]

  北京_杀死芭比

  01
• 
  CSS常用命名参考

  标签：Web开发

  在XHTML中定义ID、CLASSS都用得上，主要是方面CSS定义样式时能一眼看穿。所以，CSS命名仅作参考。 (1)页面结构类 容器: container 页头：header 内容：content/container 页面主体：main 页尾：footer 导航：nav 侧栏：sidebar 栏目：column 页面外围控制整体布局宽度：wrapper (2)导航类 导航：nav 主导航：mainnav 子导航：subnav 顶导航：topnav 边导航：sidebar 左导航：leftsidebar ...[ 查看全文 ]

  xingko_com_cn

  21
• 
  CSS中常用的单位

  标签：Html CSS布局 Div+CSS XHTML

    一、长度单位 长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是，在设计的时候需要为元素的位置、尺寸精确地定义一些值，以使其达到预期的效果。 CSS给予人们精确控制网页的能力，这一点为人们津津乐道。它允许人们定义外观、尺寸、空间及其他的样式。但是，CSS所给出的控制同时也是一个危险的东西，这不仅表现在设计者缺乏经验...[ 查看全文 ]

  天下言公

  11
• 
  如何排查CSS网页布局时书写错误

  标签：Web开发

  虽然浏览器可能存在着很多Bug，但是并不是与自己感觉不一样的时候就是出现了Bug。产生问题的原因可能有很多种，因此制作者需要一定的方法来排查问题。 选择一个先进的浏览器进行测试是明智的做法，例如对CSS 2.1支持比较好的Opera 9.2、Firefox 2.0或者Safari 3.0，而不要使用IE 6作为唯一的测试浏览器，因为IE 6的问题是最多的，这非常不利于制作者(特别是初学者)理解CSS 2.1的规范与判断浏览器的...[ 查看全文 ]

  温庆翠

  11
• 
  走出误区 让你的CSS书写更加高效

  标签：Web开发

  1、十六进制的颜色值对位数与大小写 编写十六进制颜色值时你可能会用小写字母或省略成3位数，关于这写法没找到确实的数据证明对浏览器的渲染效率是否有影响，但十六进制的颜色值默认标准是大写及6位数标注。在未知情况下不希望冒险而降低了渲染的效率。 * 不赞成 - color:#f3a; * 建议用 - color:#FF33AA; 2、display与visibility的差异 他们用于设置或检索是否显示对象。disp...[ 查看全文 ]

  laowu5452

  41
• 
  [css]简明教程 样式表的书写格式

  标签：Html CSS布局 Div+CSS XHTML

  一般来说，样式表的声明分为选择符（selector）和块{}（block），块里包含属性（properties）和属性的取值（value），基本格式如下： 选择符 {属性：值} 其它格式1： 选择符1，选择符2，选择符3 {属性1：值1；属性2：值2；属性3：值3} 有时候多个选择符将使用相同的设置，为了简化代码，我们可以一次性为它们设置样式，并在多个选择符之间加上“，”来分隔它们。 当有多个属性的时候...[ 查看全文 ]

  无法无天巡警

  11
• 
  DIV CSS常用的网页布局代码

  标签：Web开发

  单行一列 以下是引用片段： body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 以下是引用片段： body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{margin-left:auto;margin-right:auto;width:400px;width:370px;} 三...[ 查看全文 ]

  勤奋的苦寒

  31