web标准学习第一天:基础知识

1、html文档第一行<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">是什么意思?

答:这句话表明文档是过渡类型。

      标签<!DOCTYPE>翻译成中文就是文档类型,所以我们可以了解,html这第一个标签就是用来声明文档类型的。该标签放在<html>标签之前,文档的最顶端。文档类型有三种:严格类型strict、过渡类型transitional和框架类型frameset。

     下面我们详细看看三种类型。

      一、严格类型strict:

            它要求将所有涉及表现的东西移到文档之外,然后用css来实现。它可以使你写的html文档干净整齐。

      二、过渡类型transitional:

            相对于严格类型,过渡类型允许在你的html文档中使用表现元素和属性,如果浏览器不支持使用css,那就需要用到这种类型了。这不是W3C联盟所期望的,但是当前一般使用这种类型,因为浏览器对xhtml的解析比较宽松,允许使用html4.01中的标签,但必须符合xhtml的语法。

      三、框架类型frameset:

            带有框架的框架的文档可以使用这种类型。这个类型和过渡类型没有什么区别,除了将frameset取代了body元素。

 

      许多朋友在制作页面时,往往喜欢把这句删除掉,在这里建议大家一定要保留这句话,删除它后可能引起某些样式表失效或其它意想不到的问题。

 

 

2、<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />的作用?

答:这句话位于<head>标签之间,用来表明文档的语言编码。gb2312是中文简体编码,utf-8是国际通用编码。不管我们采用何种编码,其中包含的css文档或其他文档一定要和其编码语言保持一致,否则会出现乱码。

 

 

3、标签大写还是小写?

答:在html4.0以及之前的版本中,W3C是不区分大小写的。但在html5.0版本中,W3C标准明确规定标签要用小写。而且在xhtml中是区分大小写的,也要求标签必须用小写。

 

4、css的优先级?

答:css包含四种加载方式

      一、外部样式:单独写一个css文件,使用link标签链接。

      二、内部样式:写在<head>标签之间<style>标签内部。

      三、行内样式:在标签内部以style=“”的方式使用,由于其和内容没有分离,所以不建议使用。

      四、导入样式:@import url标记所链接的外部样式表,它一般常用在另一个样式表内部,如layout.css为主页所用样式,那么我们可以把全局都需要用的公共样式放到一个global.css的文件中,然后在layout.css中以@import url("/css/global.css")的形式链接全局样式,这样就使代码达到很好的重用性。

      上述四种方式有可能同时使用,那么他们的优先级如何呢,同时使用,哪种才有效呢?

      一、id高于class

      二、后面的高于前面的

      三、定义的高于集成的

      四、行内高于内部或外部

 

      总之:单一的(id)高于公用的(class),有指定的用指定的,没有指定的则集成最近的。

 

5、css盒子模型组成?

答:传统table排版方式:通过大小不一的表格及表格嵌套来排版定位网页内容。

      web标准排版方式:通过由css定义的大小不一的盒子及盒子嵌套来排版定位网页内容。

      优点:表现和内容分离、代码简洁、易于维护,能兼容跟多浏览器。

 

      盒子模型规定的盒子包括四部分:内容(content)、填充(padding)、边框(border)、边界(margin)。

     

      我们可以把它想像成现实中上方开口的盒子,然后从正上往下俯视,边框相当于盒子的厚度,内容相对于盒子中所装物体的空间,而填充呢,相当于为防震而在盒子内填充的泡沫,边界呢相当于在这个盒子周围要留出一定的空间,方便取出。是不是这样就很容易理解盒模型了。(文章出处:标准之路http://www.aa25.cn/div_css/902.shtml)

   

     注意:整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成,而css样式中weight所定义的宽度仅仅是内容部分的宽度。(文章出处:标准之路http://www.aa25.cn/div_css/902.shtml)。

 

 

    参考文章:html4.01标签教程01----DOCTYPE文档类型标签

        DIV+CSS教程:第一天 XHTML CSS基础知识

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值