制作网页时编写CSS代码的25个小技巧

制作网页时编写CSS代码的25个小技巧的相关文章

• 
  CSS制作网页时遇到问题的快速参考技巧

  标签：Web开发

  在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。 有疑问，先验证 在调试时，先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。 在其他浏览器中进行测试之前，请先在最先进的浏览器中撰写和测试CSS代码，而不是相反。 如果您在破旧的浏览器中编写和测试...[ 查看全文 ]

  stchangecc

  11
• 
  CSS制作网页编写的提醒及小技巧整理

  标签：Web开发

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

  风露清愁4

  51
• 
  制作网页时手写CSS应该注意的一点技巧

  标签：Web开发

  1. CSS字体属性简写规则 一般用CSS设定字体属性是这样做的： font-weight: bold; font-style: italic; font-varient: small-caps; font-size: 1em; line-height: 1.5em; font-family: verdana,sans-serif 但也可以把它们全部写到一行上去： font: bold italic small-caps 1em/1.5em verdana,sans-serif 真不错！只有一点要提醒的：这种简写方法只有在同时...[ 查看全文 ]

  大小盗盗

  31
• 
  CSS网页代码编写技巧：隔行换色的实现

  标签：Web开发

  网页设计中我们经常会碰到用CSS（层叠样式表）实现隔行换色的需求，您可以根据您的需要，采用下面的任何一种方法，当然要注意适合你的具体编码与需求情况。 一、使用background背景图片 如果行高固定的话，推荐使用隔行换色的背景图，也推荐将行高固定，这样可以兼容一切浏览器。 二、CSS Expression 文字：color:expression(this.sourceIndex%2 ？ '#ff0000':'#000000&...[ 查看全文 ]

  673214684

  111
• 
  网页技巧怎么编写CSS

  标签：Web开发

      一种是把CSS文档放到＜head＞文档中：   ＜style type=“text/css”＞ …… ＜/style＞ 其中＜style＞中的“type=‘text/css’”的意思是＜style＞中的代码是定义样式表单的。   另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：   ＜p style=“font-size：14pt；color：blue”＞蓝色14号文字＜/p＞ 这是采用＜Style=“ ”＞的格式把样...[ 查看全文 ]

  流小帅111

  11
• 
  CSS代码编写的两则小技巧

  标签：Web开发

  在一行内声明CSS 我们来对比下面两段代码： h2 {font-size:18px; border:1px solid blue; color:#000; background-color:#FFF;} h2 { font-size:18px; border:1px solid blue; color:#000; background-color:#FFF; } 第二种看起来的确格式化，但是不会在阅读上有任何帮助。写在一行内可以让你更快的找到需要的部分。 以前我也是写成类似第二种方式，但...[ 查看全文 ]

  八一救援

  11
• 
  CSS制作网页时遇到BUG的解决方法

  标签：Web开发

  如果在用CSS设计网页时遇到BUG，请认真阅读以下内容，非常容易记忆的，不知道哪位高人把CSS BUG编成了顺口溜了！看看好不好记住呢？ 一、IE边框若显若无，须注意，定是高度设置已忘记； 二、浮动产生有缘故，若要父层包含住，紧跟浮动要清除，容器自然显其中； 三、三像素文本慢移不必慌，高度设置帮你忙； 四、兼容各个浏览须注意，默认设置行高可能是杀手； 五、独立清除浮动须铭记，行高设无，高...[ 查看全文 ]

  home若芸

  91
• 
  DW制作网页时使用CSS的注意事项

  标签：Web开发

  很多CSSer是从以前的网页制作中开始学习CSS网页布局的，或许还存在着一定的DW习惯。希望此文能帮助大家理解和纠正一些不好的习惯。 由于“可视化”和操作简便，在DW中编写CSS的朋友很多，今天我们介绍一些在DW中编写CSS的“最佳习惯”，希望对大家有所帮助。 CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求，Macromedia DW MX引进了一些新的及改善过的CSS相关的特性。...[ 查看全文 ]

  奇幻城池

  201
• 
  网页制作关于代码的18个小技巧

  标签：Web开发

    1、xml文件尽量以utf-8编码，gb2312有些字是存储不了的，如？,就算能存也需要转换，比较麻烦，utf-8也符合国际规范。 2、CSS中:hover这个伪类，如果放在:visited前面则会失效。 3、a标签如果没有href属性，所有对它的css的伪类如:hover均失效。 4、js文件中用document.wirte("script language=’javascript’ src=’" + file + "’/" + "script"形式的引用，其file相对路径均为引...[ 查看全文 ]

  水泥管胶圈

  31
• 
  用DW制作网页时关于文字自动换行的小技巧

  标签：Web开发

  在使用Dreamweaver制作网页时，遇到制作表格的时候，内部的文字没有自动换行，我应该怎么做呢？下面提出两种解决方案，大家可以参考！在这里你如果知道该技巧，你可以略过！如果你不知道，不要说什么现在网页中已经没有表格了这样绝对的话啊？Web标准时代网页中照样应该是不能把表格完全抛弃的！呵呵. 解决表格中文字自动的换行的情况有两种可能： 第一种，你用CSS把表格内文字的字体设置成...[ 查看全文 ]

  默momo魔

  101
• 
  网页技巧之怎样编写CSS

  标签：Html CSS布局 Div+CSS XHTML

      一种是把CSS文档放到＜head＞文档中：   ＜style type=“text/css”＞ …… ＜/style＞ 其中＜style＞中的“type=‘text/css’”的意思是＜style＞中的代码是定义样式表单的。   另一种方法是把CSS样式表写在HTML的行内，比如下面的代码：   ＜p style=“font-size：14pt；color：blue”＞蓝色14号文字＜/p＞ 这是采用＜Style=“ ”＞的...[ 查看全文 ]

  卡比屋

  11
• 
  Dreamweaver设计网页时组织CSS的建议

  标签：Web开发

  一般地讲，样式表（style sheet）就是控制网页内容外观的格式化的规则的集合。可以以三种不同的方式在你的页面中使用CSS： 代码式（Inline）：写入到代码中的一次性的样式。 内嵌式（Embedded）：可控制一个页面中所有元素的样式表 外联式（External）：可控制许多页面中的元素的样式表 事实上，许多站点都根据需要把这三种方式结合起来使用。 在使用CSS时一个需要重点考虑...[ 查看全文 ]

  夜噗

  261
• 
  CSS学习之CSS网页制作的10个技巧

  标签：Web开发

  1.marquee 滚动样式是IE独有的,FF不支持 2.css中的filter效果是IE的私有属性,同样所有的非IE浏览器都不认识的. 3.text-transform:capitalize 强制第一个字母大写；   text-transform:lowercase 强制所有字母小写   text-transform:uppercase 强制所有字母大写 4.按钮陷下去的效果   a:hover { position:relative; top:1px; left:1px} 5.禁止内容换行与强制内容换行   在表格...[ 查看全文 ]

  平仔闯天涯

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

  标签：Html CSS布局 Div+CSS XHTML

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

  scar222222

  181
• 
  CSS设计网页时的一些常用规范

  标签：Web开发

  CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页 眉：header 内 容：content 容 器：container 页 脚：footer 版 权：copyright 导 航：menu 主导航：mainMenu 子导航：subMenu 标 志：Logo 标 语：banner 标 题：title 侧边栏：sidebar 图 标：Icon ...[ 查看全文 ]

  继续漂流2014

  41
• 
  css技巧：分享9个网页制作常用技巧 (1)

  标签：Web开发

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

  芒果lov3

  51
• 
  CSS设计网页时的一些常用规范(1)

  标签：Web开发

  CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页 眉：header 内 容：content 容 器：container 页 脚：footer 版 权：copyright 导 航：menu 主导航：mainMenu 子导航：subMenu ...[ 查看全文 ]

  66252595

  21
• 
  网页Flash播放代码的一个小技巧

  标签：Web开发

  网页Flash播放代码的一个小技巧 很多网页中都插有Flash播放代码,这不仅是为了页面元素的多样化,更是为了内容体现的需要。很多时候，我们会遇到这样的问题：根据需要使用Flash的script来读取不同的音频源或者视频源，那么如何实现这一功能呢？下面我们用改写object标签中的代码来实现。 一个典型的Flash播放器源代码中常常有这样的语句： param name="movie" value="http://mydomin/example....[ 查看全文 ]

  废朲_﹖

  41
• 
  VBA代码编写技巧

  标签：电脑入门

  方法1：尽量使用VBA原有的属性、方法和Worksheet函数 由于Excel对象多达百多个，对象的属性、方法、事件多不胜数，对于初学者来说可能对它们不全部了解，这就产生了编程者经常编写与Excel对象的属性、方法相同功能的VBA代码段，而这些代码段的运行效率显然与Excel对象的属性、方法完成任务的速度相差甚大。例如用Range的属性CurrentRegion来返回 Range 对象，该对象代表当前区。(当前区指以任意空白行及空白...[ 查看全文 ]

  方洪涛91

  111
• 
  高效CSS代码编写经验教程

  标签：Web开发

  如何编写CSS代码才能更有效率？这是许多网页制作者与开发者都关心的问题。大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的 CSS 编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。 一、排版： 1.关键词和操作符之间加适当的空格。 2.相对独立的程序块与块之间加空行 3.较长的语句、表达式等要...[ 查看全文 ]

  沟通5从心开始6

  01