网页制作中养成良好的CSS编码习惯

css|编码|网页

  1、为CSS选定正确的字符集。

  这个问题可能没有引起很多人的注意,但是在网站开发的过程中,我发现为CSS选定正确的字符集是相当重要的,如果你的网页使用的是GB2312那就在CSS文件的顶部加上一句@charset "gb2312";这样能够保证CSS与网页保持使用同样的字符集,如果网页使用的是utf-8,那就在CSS文件顶部加上@charset "utf-8";

  2、正确规划CSS

  通常情况下,我会在CSS文件的开始部分定义一些常用的样式,如下例:

body {font:12px Arial, Helvetica, sans-serif;color:#000;background:#fff;padding:0px;margin:0px;text-align:center;}
div,form,img,ul,ol,li,dl,dt,dd,p {margin:0;padding:0;border: 0;}
ul{float:left;}
li{list-style:none;}
a{ text-decoration:none;}

  这已经成了我的一种习惯,把网页中常用的元素的基本样式先定义,遇到特殊情况再重新定义,这样可以大大的减少CSS文件的大小,也更有利于CSS的维护。

  3、学会使用CSS缩写语法

  建议大家看看这篇文章常用CSS缩写语法总结

时间: 2024-09-22 22:17:57

网页制作中养成良好的CSS编码习惯的相关文章

网页制作知识:浅谈CSS编码与组织技巧

css|编码|技巧|网页 如何让 CSS 代码简洁而易于编写?这恐怕是许多开发者都关心的问题.我想,大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,但合理的 CSS 编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然,样式表大小的缩减还能减少下载的时间. 组织你的样式表 尽管我们有种种 CSS 的开发工具,比如 TopStyle,比如 StyleMaster,它们可以让你对当前这个样式表里面定义了哪些规则,涉及哪些 class,哪些 ID 一目了然,但这不等于说你

趣味知识:利用CSS进行网页制作中易被忽视的问题

css|网页|问题 关于这篇文章其实早就想写了,只是由于自己太懒才一直拖到现在.主要想谈谈在网页制作中几个比较容易被忽视的问题,算不上什么高深的教程,只是自己平时工作学习中所遇到的问题积累,写下来一是可以给初学者提个醒,二来也是帮自己做个笔录,毕竟年纪大了,记性不好了... 1.让你想当然,给你点颜色看看 这个问题其实被很多人忽略,小到个人站点,大到门户网站都有可能犯这个错误.不信想想看,如果你所做的网站背景是白色的,那么你还会记得在 CSS 里写下 Background-color:#ffff

Dreamweaver CS3网页制作中的CSS布局规则

虽然webjx.com一直建议大家不用Dreamweaver可视化编辑的方式进行CSS网页布局,但依然很多朋友在使用.建立您可以使用DW的代码编辑器进行CSS代码的编写.今天向大家介绍Dreamweaver CS3网页制作中的CSS布局规则 . CSS文件的链接方式  ·附加链接:外部CSS文件 ·导入CSS:常用应用多个CSS文件时,将多个CSS导入一个CSS文件中  CSS规则定义有三种  ·类比如".RedText".".BlueText"和".Bi

网页制作中隐藏域的妙用

网页 在网页制作中,我们知道有一个input ="hidden"的属性,顾名思义它就是隐藏在网页中的的一个元素,并不在网页中显示出来. 那么它的作用是什么呢.作过cgi,asp,php,jsp等的朋友都知道有些时候我们要给用户一信息,让他在提交表单时提交上来以确定用户身份,如sessionkey,等等.当然这些东西也能用cookie实现,但使用隐藏域就简单的多了.而且不会有浏览器不支持,用户禁用cookie的烦恼. 另外有些时候一个form里有多个提交按钮,怎样使程序能够分清楚到底用户

&#106avascript+PHP 应用一:网页制作中双下拉菜单的动态实现(转贴)

菜单|动态|网页|下拉 JavaScript+PHP 应用一:网页制作中双下拉菜单的动态实现 ---摘自互联网 在网页制作中,常常遇到这种情况,通过主下拉菜单的选择,动态的生成子下拉菜单.例如:在主菜单中有"焦点新闻"."生活时尚"."心情故事"三个选项,通过"焦点新闻"的选择,子菜单自动生成如"国内"."国际"."体育"."文娱",依此类推. 利

JavaScript+PHP 应用一:网页制作中双下拉菜单的动态实现

在网页制作中,常常遇到这种情况,通过主下拉菜单的选择,动态的生成子下拉菜单.例如:在主菜单中有"焦点新闻"."生活时尚"."心情故事"三个选项,通过"焦点新闻"的选择,子菜单自动生成如"国内"."国际"."体育"."文娱",依此类推.<?xml:namespace prefix = o ns = "urn:schemas-micro

div和css网页制作:初学者使用div和css误区

文章简介:初学者用div+css结构写网页的几个误区. 网页的制作中对于用div和css结构写静态页目前已经很成熟,但许多新入行的朋友对于使用div和css结构还有很多误区,这些误区也是我曾经经历过的并且被"老鸟"指正的地方,所以总结下来分享给大家,希望对写网页有所帮助. 1.用div+css结构制作静态html网页不等于彻底抛弃古老的table写法.之所以不建议用table来布局网页是因为在网页加载很慢的时候要等table结构加载完成才能看到网页,其次是table的布局没有一定的语义

初学解惑:学网页制作为什么一定要学CSS?

css|初学|网页 学网页制作一定要学CSS吗?如果不学可以吗?这篇基础教程就告诉你是不是一定要学CSS? 一个热门技术,CSS的发展的确有些缓慢.CSS最早被提议在1994年,最早被浏览器支持在1996年,CSS一直被力捧为传统的以HTML为基础的web代码的继承者.CSS使用样式表来控制整个站点字体和布局的能力,使它看起来非常有效率.易于设计和有远见.然而,也一直有荒诞的说法围绕着CSS,阻碍了网页设计师学习和掌握这种语言.一定要学CSS吗?有什么理由? 下面是我的十大理由,不分排名先后:

网页制作入门教程:关于css样式表

关于CSS样式表 一.在学习css之前你应该掌握哪些基础知识 1.什么是网页,什么是超文本语言(html). 2.会使用Dreamweaver等常用的网页编辑器. Dreamweaver是现今最好的网站编辑工具之一,而Dreamweaver8增加的对CSS的支持更是你容易得来使用CSS,用它来给制作网页的CSS样式表会更简单.更方便.本教程教你如何利用Dreamweaver8在页面中加入CSS,你不用死记硬背的记代码标记,也不用去看很厚的CSS手册,你就可以轻松自如的在网页中运用CSS.不过首先