CSS禅意花园---絮语 之基础

 

1.带有语义的标记    

  代码 1:

 <br><br>

<b> <font size="2"> 大家好 </font>   </b>

<br><br>

<font size="2"  >  图片的好处</font>

代码 2:

<div id="family">

<h3> 大家好 </h3>

<p> 图片的好处  </p>

</div>

达到的效果是一样的?你说 是不是?

2.选择 DOCTYPE

最开始 声明DOCTYPE 文档类型 (document type)

<!doctype html public "-//w3c//dtd xhtml 1.0 strict//en"  "http://www.w3.org/tr/xhtml/dtd/xhtml1-strict/dtd">

3.指定语言和字符集

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">

<meta http-equiv="content-type" content="text/html" charset=utf-8>

4.指定 标题 <title></title> ---保存在收藏夹时 title中的内容将作为链接的描述同样保存在访问者的浏览器中
搜索引擎会对标题进行搜索。

5.恰当使用标记:

如 可以只要一个标记 不要样式就可以 达到的效果 ,就不要用其他的标记再加上样式。

这样会加重 代码的维护量和整洁行 。

6.避免过度使用div和span   空间模块

最好是1到3个dib或者span 来包括其他的标记。

7.尽量能少使用标签。 标签使用的越少越好。为了保持文档小巧。下载速度快。维护更加的容易。改版

---体现在文档的解析上

8.适当的使用class和ID

为元素添加表示作用的属性可以让你在稍后容易第将元素与css或者javascript关联起来/

Class 是一类可以重用的属性.能够被重复的应用到页面中任何元素上。而ID则是独一无二的。同一个 ID在每个页面上 只能出现一次。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值