码迷,mamicode.com
首页 > Web开发 > 详细

CSS 设计彻底研究

时间:2016-03-03 19:04:35      阅读:168      评论:0      收藏:0      [点我收藏+]

标签:

第1章 (X)HTML与CSS核心基础

1.1 HTML与XHTML

  HTML与XHTML是一种语言的不同阶段,类似于文言文和白话文的关系。因为它们也常被写作为(X)HTML。XHTML是HTML的“严谨版”。

1.1.1 追根溯源 

1.1.2 DOCTYPE(文档类型)的含义与选择

   “DOCTYPE”(文档类型)的声明,是告诉浏览器,使用哪种规范来解释这个文档中的代码。  

  HTML 4.01和XHTML1.0分别对应于一种严格(Strict)类型和一种过渡(Transitional)类型。 过渡类型兼容以前版本定义的,而在新版本中已经废弃的标记和属性。

  严格类型则不兼容已经废弃的标记和属性。简易使用XHTML1.0 过渡类型,这样可以按照XHTML的标准书写符合Web标准的网页代码。

1.1.3 XHTML与HTML的重要区别

  在XHTML中标记名称必须小写;属性名称必须小写;标记必须严格嵌套;即使是空元素的标记也必须封闭;属性值必须用双引号括起来;属性值必须使用完整形式;应该区分“内容标记”和“结构标记”(例如<p>标记是内容标记,<table>标记是结构标记,不允许讲<table>标记置于<p>内部,可将<p>标记置于<td></td>之间。)

1.2 (X)HTML与CSS

  (X)HTML与CSS的关系就是“内容”与”形式“的关系,由(X)HTML确定网页内容,通过CSS决定页面的表现形式。

1.2.1 CSS标准简介

1.2.2 在HTML中引入CSS的方法

  在HTML中,引入CSS的方法 主要有:行内式、内嵌式、导入式、链接式4种。  

  1. 行内式:在标记的style属性中设定CSS样式,这种方式本质上没有体现出CSS的优势,因此不推荐使用。

  2. 嵌入式:对页面中的各种元素的设置集中在<head></head>之间。

  3. 导入式和链接式:目的都是将一个独立的CSS文件引入HTML文件中。链接式使用HTML的标记引入外部CSS文件,如

<link href="mystyle.css" rel="stylesheet" type="text/css" />.

    导入式需使用: <style type="text/css">  @import"mystyle.css";</style>

 

1.3 基本CSS选择器

  选择器(selector),基本选择器有:标记选择器、类别选择器和ID选择器3种。

1.3.1 标记选择器

  选择器包含: 选择器本身、属性和值。

  如 h1{ color:red,font-size:12px;}. 

1.3.2 类别选择器

  类别选择器的名称由用户自定义,属性和值跟标记选择器一样,也必须符合CSS规范。 如 .class{color:green;}

  最好通过标记选择器定义 标记的全局显示方案,再通过clss选择器突出标记进行单独设置。这样可提高代码的编写效率。

1.3.3 ID选择器

  ID选择器只能在HTML页面中使用一次,针对性更强。

 

1.4 复合选择器

  复合选择器是基本选择器通过不同的连接方式构成。

1.4.1 “交集”选择器

  由两个选择器直接连接构成。第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器。不能有空格。 如 h3.class

1.4.2 "并集“选择器

  同时选中各个基本选择器选择的范围。

  *{ }  表示全局声明。

1.4.3 后代选择器

  通过嵌套方式对特殊位置的HTML标记进行声明。如<p><span></span></p>  p span{}

  在构建HTML框架时,通常只给外层标记(父标记)定义class或id,内层标记能通过嵌套表示的则利用嵌套的方式。

1.5 

 

  

 

 

 

 

  

CSS 设计彻底研究

标签:

原文地址:http://www.cnblogs.com/leeshine-luo/p/5239553.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!