WEB标准的CSS网页布局技巧5则

漂泊的孤独的心

漂泊的孤独的心

2016-02-20 00:01

下面图老师小编跟大家分享一个简单易学的WEB标准的CSS网页布局技巧5则教程,get新技能是需要行动的,喜欢的朋友赶紧收藏起来学习下吧!

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)  WEB标准的CSS网页布局,需要注意的地方有很多。我们在webjx.com上作过很多介绍,今天介绍五个需要注意的地方。

一、永远使用小写字母

不好的做法: 
DIV  
PHere's an interesting fact about corn. /P  
/DIV   
好的做法:  
div  
pHere's an interesting fact about corn. /p  
/div 
二、让引号伴随着属性

不好的做法:
class=wwwwebjxcom
正确的做法:
class="wwwwebjxcom"


三、有必要的代码注释

  使得你的代码在长时间内依然能够保持容易理解和维护。
   作为开发人员,有必要给代码进行注释。
  有注释的代码,它能帮助我们阅读,保持清晰的思维和思路。
  日后也方便快速修改和调试。 不仅方便了自己,也方便了别人。

四、切勿使用直线

  或许大家有疑问,为什么不提倡使用直线呢,这是一个很有用的标签。
  但大家不要忘记,Web标准和webjx.com一直强调的是表现与内容的分离。
  直线是表现的一部分,将它写放于HTML文档中,显然是不合适的。因而切勿使用直线。

五、切勿使用内嵌样式

  样式表文件分离到外部样式表文件中,与HTML文档分开。使用内嵌样式就失去了CSS网页布局的意义。

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/webkaifa/)

  但内嵌样式可以在调试是使用,在最终发布网站时,需要去除所有的内嵌样式。

展开更多 50%)
分享

猜你喜欢

WEB标准的CSS网页布局技巧5则

Web开发
WEB标准的CSS网页布局技巧5则

CSS网页布局开发小技巧24则

Web开发
CSS网页布局开发小技巧24则

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

CSS网页布局中文排版的9则技巧

Web开发
CSS网页布局中文排版的9则技巧

CSS设计符合Web标准的网页表单的几个技巧

Web开发
CSS设计符合Web标准的网页表单的几个技巧

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

CSS高级技巧:网页布局

Web开发
CSS高级技巧:网页布局

CSS网页设计技巧十则

Web开发
CSS网页设计技巧十则

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

jQuery插件实现css3效果

jQuery插件实现css3效果

把网页按钮伪装成超链接

把网页按钮伪装成超链接
下拉加载更多内容 ↓