web 标准的构成（结构，表现，行为）
xhtml标准分为三大类：
1.辅助布局设计元素
2.结构化元素和信息元素
3.a meta
xhtml的三种文档类型 doctype
1.过渡类型 transitional 一般的网站都这个类型
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2.严格类型 strict
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
3.框架页类型 frameset
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml1-frameset.dtd">
css的语法结构有三个部分组成（选择符，属性和值）
selector{property:value}
伪类和伪对象
常用CSS缩写语法总结
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则如下：
颜色
16进制的色彩值，如果每两位的值相同，可以缩写一半，例如：
#000000可以缩写为#000;#336699可以缩写为#369;
盒尺寸
通常有下面四种书写方法:
property:value1; 表示所有边都是一个值value1；
property:value1 value2; 表示top和bottom的值是value1,right和left的值是value2
property:value1 value2 value3; 表示top的值是value1，right和left的值是value2，bottom的值是value3
property:value1 value2 value3 value4; 四个值依次表示top,right,bottom,left
方便的记忆方法是顺时针，上右下左。具体应用在margin和padding的例子如下：
margin:1em 0 2em 0.5em;
边框(border)
边框的属性如下：
border-width:1px;
border-style:solid;
border-color:#000;
可以缩写为一句：
border:1px solid #000;
语法是border:width style color;
背景(Backgrounds)
背景的属性如下：
background-color:#f00;
background-image:url(background.gif);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:0 0;
可以缩写为一句：background:#f00 url(background.gif) no-repeat fixed 0 0;
语法是
background:color image repeat attachment position;
你可以省略其中一个或多个属性值，如果省略，该属性值将用浏览器默认值，默认值为：
color: transparent
image: none
repeat: repeat
attachment: scroll
position: 0% 0%
字体(fonts)
字体的属性如下：
font-style:italic;
font-variant:small-caps;
font-weight:bold;
font-size:1em;
line-height:140%;
font-family:"Lucida Grande",sans-serif;
可以缩写为一句：
font:italic small-caps bold 1em/140% "Lucida Grande",sans-serif;
注意，如果你缩写字体定义，至少要定义font-size和font-family两个值。
列表(lists)
取消默认的圆点和序号可以这样写list-style:none;,
list的属性如下:
list-style-type:square;
list-style-position:inside;
list-style-image:url(image.gif);
可以缩写为一句：list-style:square inside url(image.gif);
分享到：
相关推荐
Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门全套学习笔记 Web前端HTML5 CSS3初学者零基础入门...
### Web前端网页初级课程 - CSS（笔记） #### CSS 概述 CSS，全称为 Cascading Style Sheets（层叠样式表），是一种用来描述 HTML 或 XML（包括各种 XML 语言如 SVG、XHTML 等）文档样式的计算机语言。CSS 的主要...
### HTML与CSS学习笔记 #### 一、基础知识概述 HTML（HyperText Markup Language）与CSS（Cascading Style Sheets）是构建网页的基础技术。通过学习HTML与CSS，我们可以创建结构化且美观的网页。 - **WWW (World ...
学习21天学通HTML+CSS+JavaScript Web开发笔记和源代码 学习21天学通HTML+CSS+JavaScript Web开发笔记和源代码 学习21天学通HTML+CSS+JavaScript Web开发笔记和源代码 学习21天学通HTML+CSS+JavaScript Web开发笔记...
前端笔记CSS第一部分
CSS（Cascading Style Sheets）是一种用于定义网页中元素样式的语言，是Web设计领域不可或缺的一部分。CSS3是CSS的最新版本，它引入了许多新特性，极大地提升了网页设计的灵活性和表现力。 【选择器的扩展】 在CSS...
这篇学习笔记和经验总结将深入探讨这两者的核心概念，帮助初学者快速掌握这两门技术。 首先，HTML是用于创建网页内容的标记语言。它由一系列元素组成，这些元素通过标签表示，比如`<html>`、`<head>`、`<body>`等。...
### CSS+DIV 学习笔记知识点总结 #### 一、CSS 概述 - **CSS 定义**：层叠样式表（Cascading Style Sheets, CSS）是一种用于定义网页表现形式的语言，它使得开发者能够独立地管理和控制文档的内容与样式。 - **CSS...
web 笔记，记录自己学习前端的历程，记录自己学习的代码，包含JavaScript、CSS、HTML 等；各种前端开发的小技巧及总结. web 笔记，记录自己学习前端的历程，记录自己学习的代码，包含JavaScript、CSS、HTML 等；各种...
html和css基础总结，适合入门web和初学者
Web CSS3 笔记 本笔记主要讲解了 CSS3 的选择器、属性选择器、伪类选择器、伪元素选择器、阴影、字体、渐变等方面的知识点。 一、选择器 1. 兄弟选择器 - 相邻兄弟选择器：E + F，选择紧邻在 E 后面的 F 元素 - ...
这篇“web开发-css完整笔记”涵盖了多个CSS相关的知识点，让我们逐一深入探讨。 1. **CSS背景色与前景色**：背景色可以通过`background-color`属性来设置，而前景色则是通过`color`属性来设定。例如，`background-...
在IT行业中，前端开发是构建网页和Web应用的关键部分，主要涉及HTML、CSS和JavaScript这三种核心技术。这些技术的熟练掌握对于任何前端开发者来说都至关重要。以下是对这三门技术的详细解读，以及它们如何相互协作来...
本笔记是本人下载了无数资料整理所得包括韩顺平老师的全部笔记：HTML/html5+css3/div+css/JS/php全套+教学全套视频，已经学习完毕，经本人验证与韩顺平老师视频中一致，并且全，完整。
4. 需要在Web浏览器上运行，具备跨平台性。 HTML的语法结构主要包括： 1. 起始标记`<html>`和结束标记`</html>`，它们标志着整个HTML文档的开始和结束。 2. 文件头部`<head>`和`</head>`，用于设置文档元信息，如...
【标题】"Metro UI CSS学习笔记Demo"是一个关于利用Metro UI CSS框架进行Web设计和开发的实践案例集合。这个框架灵感来源于Windows 8的Modern UI风格，为网页设计师提供了构建现代、简洁且互动性强的界面的可能性。...
CSS（Cascading Style Sheets）则负责控制网页的呈现样式，包括颜色、字体、布局等视觉效果。 1. HTML 介绍： - HTML 与 CSS 的关系：HTML 提供了网页的基础结构，而 CSS 负责美化这些结构。通过将内容和表现分离...
通过学习这个“圣思园Java.web笔记”，开发者可以系统地掌握Java Web开发的基本技能，为构建动态、交互性强的Web应用程序打下坚实的基础。无论是初学者还是有经验的开发者，都能从中受益，提升自己的技术水平。
前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar前端学习笔记网站（HTML5+CSS3+JavaScript前端网页web课程设计）.rar ...
- **标准组织**：访问W3C（World Wide Web Consortium）官方网站，获取最新的HTML、CSS标准文档和技术规范。 #### 工具与调试技巧 - **网页调试工具**：对于前端开发者而言，掌握有效的调试工具至关重要。IE ...