一、 HTML5

HTML5它现在主要是用到移动端  就业班会有一个项目：HTML5+CSS3+JS+PHP  ==èwebApp

目前支持的浏览器

HTML5的文档定义

HTML5标签的语义化

在以前的HTML盒子中，盒子用DIV或SPan

在html5中，标签的最大变化是标签都有语义，以前的div和span都没有语义，仅表示一个盒子。

<header></header>        头标签

<nav></nav>  导航标签

<aside></aside>  侧边栏标签

<article></article>  文章标签

<footer></footer>  页脚

<section></section>  章节，页眉，栏目

二、HTML5新增的表单三个属性

1. required：必填属性
2. placeholder：默认显示内容
3. autofocus：自动获取焦点

HTML5新增的INPUT 的TYPE属性

三、 CSS简介

什么是CSS?

Cascading  Style  Sheets   中文意思：层叠样式表、级联样式表、样式表

CSS的主要作用

它主要是用来给HTML网页来设置外观  比如这个网页里面的文本有多大、文字是什么颜色、文字是否加粗、是否是斜体、网页的背景颜色……..这些外观的效果统一都需要使用CSS来进行设置！

CSS代码的语法规则

l CSS代码它是由选择器和一对大括号组成

l 大括号里面由一条一条声明语句组成

l 每一条语句的后面都需要写一个英文状态下面的分号

l 每一条语句它都是“属性:属性值”这种格式组成的

l 属性值一般情况下不需要加引号

l 如果属性值是数值  那么一般情况下要加单位   px  像素

l 在CSS代码中千万不要出现HTML的标记

快速入门

四、 CSS中的注释

格式：

/*  注释的内容 */

五、 选择器

什么是选择器？

通过CSS中一定的语法规则然后选取到对应的HTML标记 接下给选取到的HTML标记设置样式！

选择器的分类

基本选择器、复合选择器、伪类选择器、属性选择器

基本选择器

l 通用选择器

n 格式：*{声明语句; 声明语句;}

n 作用：它是给HTML中的所有的标记设置样式  但是不建议使用

n IE6不兼容   它会增加大型网站的负担

• 标签选择器

n 格式：标签名{声明语句; 声明语句;}

n 作用：给HTML中指定的标签名来设置样式

n 说明：只要是指定的标签 都会给其设置样式

• 类选择器

n 格式：.class的属性值{声明语句; 声明语句;}

n 作用：给拥有指定的class的属性值的标签来设置样式

说明：不管是什么标签 它们的class属性值如果是一样的话 那么我们可以将其称之为一类标记

• ID选择器

n 格式：#id的属性值{声明语句;}

n 作用：给拥有指定的id属性值的标记来设置样式

n 注意：ID的属性值在一个HTML文档中 只能是唯一  它就好像是我们的身份证一样     ID的属性值它一般是给JS来使用

六、 标签的通用属性

class：表示一类的意思  如果拥有相同的class属性值 那么这些就称之为一类

id：它相当于身份证号码   在一个HTML文档中 必须是唯一

title：设置标题

name：设置名称

style：样式属性

七、 CSS的书写方式

书写方式：CSS代码可以在什么地方书写

注意：CSS代码它不能够单独的运行 它只能依赖于HTML文件

嵌入式、外链式、行内式

嵌入式：

是将CSS代码书写在<style></style>这一对标记中

格式：

<style>

/*在这里书写CSS代码*/

</style>

特别注意：在这里不能有HTML标记

外链式：

外链式是将CSS代码写在外部的文件中  这个外部的文件必须是.css为扩展名的文件  然后使用head标记中一个子标记将这个外部的CSS文件引入到当前的HTML文件中

格式：

<link  rel=”stylesheet”  type=”text/css”  href=”外部的CSS文件路径”  />

注意：

我们一定要先去确认外部的CSS文件是否被正确的引入成功！！

link标记可以有多个  意思可以同时引入多个外部的CSS文件

行内式：

将CSS代码书写在标记的style属性中

格式：

<标签名   style=”声明语句1;声明语句2” ></标签名>

一般一个HTML网页它要做到 结构、样式、行分分离

嵌入式与外链式之间区别：

1、 嵌入式里面书写的CSS代码它只能被当前的HTML文件所使用

2、 外链式的CSS文件可以被多个HTML文件所使用

八、 尺寸样式属性

问：span标记能够设置width与height属性吗？

不能设置，因为span标记是行内元素  它的宽度与高度是由其内容来决定的！

九、文本与字体样式属性