说明：这些知识是我看《十天学会DIV+CSS教程完整版 完美整理+完整代码》这篇文章后记下来的一些内容，包括少部分不懂得地方去百度到的一些解释等，该文章的地址：

http://wenku.baidu.com/link?url=r3B27CeA2KJKCN2huquhLrjqR58XhjdfqCSmxom1zWznXpnWYDGxukgIN_YhIxEHM7qV5KaTlcCa8k05UiYCPW6kgvFx6MZxuY6zNSpVAX3

知识点：
1.文档类型
2.语言编码
3.html标签
4.css样式
5.css优先级
6.css盒模型组成
 
1）文档类型
<!DOCTYPE htmlPUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
这句话说明本文档是过渡类型，目前一般都采用过渡类型。
文档一共三种类型：STRICT（严格类型） TRANSITIONAL（过渡类型） FRAMESET（框架类型） XHTML 1.0的三种XML文档类型
 
2）语言编码
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
它表示文档的语言编码，gb2312是告诉浏览器本文采用简体中文编码。UTF-8是国际通用编码。
charset是只可以改变网页的编码
XML中的定义方法：<?xml version="1.0" encoding="gb2312"?>
 
3）html标签
xhtml比html更严谨
1.要求标签必须都闭合，成对的标签以“/标签名”结束，单一的标签要在本身结尾打上/来结束。
2.所有标签必须用小写。例：<table WIDTH="100%">错误，<table width="100%">正确
3.属性值必须使用双引号。例：<table width=100%>错误，<table width="100%">正确
4.属性简写不允许，必须有属性=”属性值“
成对的标签：
<head>{...}</head>
<p>{...}</p>
单一的标签：
<img src=""/>
<br/>
 
4）CSS样式
加载样式的4种方式：外部样式、内部样式、行内样式、导入样式
1.外部样式
<link href="layout.css" rel="stylesheet" type="text/css" />
rel="stylesheet"，rel属性用于设置对象和链接目的间的关系，告诉浏览器引进来的是一个样式表文件
type="text/css"表示这是一个css样式单
 
这种形式是将css单独写在一个css文件内，然后在源代码中以link方式链接，他的好处是不仅可以在本页调用，也可以在其他页面调用，是最常用的一个形态。
 
2.内部样式
<style>
h2 {color:#f00;}
</style>
内部样式表是以<style> 和</style>结尾，写在源代码的head标签内，这样的样式表只能用在本页，其他页面不可以调用。
 
3.）行内样式
<p style ="font-size:18px;">行内样式</p>
这种标签内以style标记的为行内样式，行内样式只针对标签内的元素有效，因其和内容没有分离，不建议使用。
 
4）导入样式
@import url("/css/global.css");
链接样式是以@import url标记所链接的外部样式表，他一般常用在另一个样式表内部。如layout.css为主页所用样式，我们可以把全局都需要的公共样式放到一个globa.css文件中，然后在layout.css中使用import url("/csss/global.css")的形式链接全局样式，可以使代码达到很好的重用性。
 
5）CSS优先级
    1. id优先级高于class
　　
     
     2.后面的样式覆盖前面的
          一般情况下外部样式<内部样式<内联样式
          例外的情况，如果外部样式放到内部样式后面，则外部样式将覆盖内部样式
     3.指定的高于继承
     4.行内样式高于内部或外部样式
     总结：单一的（id）高于共用的（class），有指定的用制定的，无指定则继承离他最近   的
     内联样式>ID选择器>类，属性，伪类 选择器>元素标签，伪元素 选择器
 
　　
 
6）CSS盒模型组成
CSS盒模型是由CSS定义的大小不一的盒子和盒子嵌套来编排网页，这种排版方式的网页代码简洁，维护方便，能兼容更多浏览器。
CSS盒子模型的属性：内容（content）、填充（padding）、边框（border）、边界（margin）。
          
　　
          

Web标准：一、xhtml css基础知识的更多相关文章

  1. (转)第一天　XHTML CSS基础知识 文章出处：标准之路(http://www.aa25.cn/div_css/902.shtml)

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准. 学习本系列教程需有一定html和css基础,也 ...

  2. DIV+CSS专题：第一天　XHTML CSS基础知识

    欢迎大家学习<十天学会web标准>,也就是我们常说的DIV+CSS.不过这里的DIV+CSS是一种错误的叫法,建议大家还是称之为web标准.   学习本系列教程需有一定html和css基础 ...

  3. Web学习篇之---css基础知识（一）

    css基础知识(一) 1.css样式: 载入css样式有下面四种: 1).外部样式 2).内部样式 3).行内样式 4).导入样式 <link href="layout.css&quo ...

  4. xhtml+css基础知识1

    样式 行间样式:在标签里 <div style="width:400px; height:200px; background:red;">块</div> 内 ...

  5. CSS基础知识之float

    前段时间写过一篇CSS基础知识之position,当时对float的理解不太准确,被慕课网多名读者指出(原文已修正,如有误导实在抱歉).现对float进行更深入的学习,在此把学习心得分享给大家. 浮动 ...

  6. CSS基础知识之position

    最近在慕课网学习了 网页布局基础 和 固定层效果 ,都是由声音甜美的 婧享人生 老师所录制,视频详细讲解了CSS中position的用法,在此把学习笔记分享给大家. CSS定位机制 标准文档流(Nor ...

  7. CSS基础知识筑基

    01.CSS 简介 CSS 指层叠样式表 (Cascading Style Sheets),对HTML网页内容进行统一外观样式设计和管理,给网页进行各种装饰,让她变得美观,是HTML的化妆师.(Cas ...

  8. 前端开发：css基础知识之盒模型以及浮动布局。

    前端开发:css基础知识之盒模型以及浮动布局 前言 楼主的蛮多朋友最近都在学习html5,他们都会问到同一个问题 浮动是什么东西?  为什么这个浮动没有效果?  这个问题楼主已经回答了n遍.今天则是把 ...

  9. 【CSS】 CSS基础知识 属性和选择

    css基础知识 html的基本标签都是千篇一律的,为了能够个性化外观,就需要进行样式的调整,而css就是专门用来维护,管理样式的一种格式.在html中定义css有三种方法 1. 为标签添加style属 ...

随机推荐

  1. 【EasyUI学习-1】MyEclipse+easyui学习官方Demo

    介绍 easyui的介绍,网上很多,这里就不进行介绍了. easyUI获取 官网: http://www.jeasyui.com/  下载地址:http://www.jeasyui.com/downl ...

  2. FQ：从入门到放弃（二）

    上次的FQ:从入门到放弃(一)介绍了XXNet的部署和基本使用.本文整理一些部署过程中出现的问题,都是这几天朋友们安装过程中出现的问题.如果覆盖不全,欢迎在博客下方评论,互相交流,互相学习. 不过首先 ...

  3. 服务注册发现Eureka之三：Spring Cloud Ribbon实现客户端负载均衡(客户端负载均衡Ribbon之三：使用Ribbon实现客户端的均衡负载)

    在使用RestTemplate来消费spring boot的Restful服务示例中,我们提到,调用spring boot服务的时候,需要将服务的URL写死或者是写在配置文件中,但这两种方式,无论哪一 ...

  4. css属性所对应js属性

    document.getElementById("xx").style.xxx中的所有属性是什么,css对应js: 盒子标签和属性对照 CSS语法(不区分大小写) JavaScri ...

  5. table边框

    border-collapse 语法 border-collapse:separate | collapse | inherit 默认值:separate 取值 separate: 默认值.边框会被分 ...

  6. Frequently Asked Questions

    转自:http://www.tornadoweb.org/en/stable/faq.html Frequently Asked Questions Why isn’t this example wi ...

  7. python学习菜单

    一.python简介 二.python字符串 三.列表 四.集合.元组.字典 五.函数 六.python 模块 七.python 高阶函数 八.python 装饰器 九.python 迭代器与生成器  ...

  8. spring的Ioc容器与AOP机制

    为什么要使用Spring的Ioc容器? 1.首先,spring是一个框架,框架存在的目的就是给我们的编程提供简洁的接口,可以使得我们专注于业务的开发,模块化,代码简洁,修改方便. 通过使用spring ...

  9. android官方文档翻译（不断更新中。。。）

    最近在自学android,抽空把官方文档的guide跟training差不多看了一遍,又对比了一些书籍,感觉还是官方文档讲得比较好,所以自己计划把官方文档翻译一下,方便自己的知识巩固以及复习查找,由于 ...

  10. Python数据分析_Pandas01_数据框的创建和选取

    主要内容: 创建数据表 查看数据表 数据表索引.选取部分数据 通过标签选取.loc 多重索引选取 位置选取.iloc 布尔索引 Object Creation 新建数据 用list建series序列 ...