什么是结构，表现，行为？
结构：HTML用于描述页面的结构
表现：CSS用于控制页面中的元素的样式
行为：JavaScript用于响应用户操作
我们要用到那些工具？
学习HTML和CSS开发我们不需要太复杂的工
具有其是前一阶段，我们主要使用的工具有：
浏览器：火狐，IE，Chrome
编辑器：记事本，notepad++，sublime
调试工具：FireBug
图片工具：Photoshop
一个最基本的HTML页面：
<!DOCTYPE html>
<html>
<head>
<meta charsset="UTF-8">
<title>网页标题</title>
</head>
<body>
<h1>页面正文</h1>
</body>
</html>
标签:HTML中的标记指的就是标签。
• HTML使用标记标签来描述网页。
• 结构：<标签名>标签内容</标签名>
<标签名/>
元素：我们还将一个完整的标签称为元素
• 这里我们可以将元素和标签认为是一个同义词
<h1>一级标题</h1>
上边的h1我们就称为元素
<p>我是一个<em>段落</em></p>
p也是一个元素，em是p的子元素，p是em的父元素。
<body>
<p><em>内容</em></p>
<body> body也是一个元素。
• body是p和em的祖先元素。
• p和em是body的后代元素
属性
注释规则：<!__>
内联框架：使用iframe创建一个内联框架 src跳转的地址
插入超链接 使用href 写一个完整地址 target写一个超链接 用#站位
br 换行标签
Css 层叠样式表 内部样式，外部样式CSS注释：/**/ 语法：选择器（声明块）
font字号标签
块元素：div,p,h1-h6,ul,li
内联元素：（行内元素）：span , a , img, iframe ,input
复合选择器（交集选择器）即是span标签，又要Cass = “p3”*/
元素选择器（标签选择器），可以根据标签的名字来从页面中选取指定的元素
语法：{}大括号
比如p则会选中页面中的所有p标签，h1会选中页面中的所有h1标签
类选择器，可以根据元素的class属性值选取元素
语法：.className{}
比如.hello 会选中页面所有class属性为hello的元素
ID选择器：可以根据元素的id属性值选取元素。
语法：#id{}
比如#box会选中页面中id属性值为box的元素，和class属性不同，id属性是不能重复的
群组选择器(并集选择器)：可以同时使用多个选择器，多个选择器将被同时应用指定的样式
语法：选择器1，选择2，选择3{}
比如P, .hello,#box 会同时选中页面中的P元素，class为hello的元素，id为box的元素
网友评论