泡泡同学的老师真的像是坐飞机一样的速度给我们讲课,两天多的时间我们就把HTML的讲完了,泡泡同学表示很是迷茫啊。今天已经开始学习cssl ,我早已经哭晕在教室了,不管怎么说送上今天讲的HTML5新增的标签以及css的一点点知识,希望对你有帮助。
html新增的标签和属性
一、input type新增的属性
1、email:输入邮箱,输入错误时会有提示2、URL:输入URL地址,输入错误有提示
3、unmber:可以设置用min和max设置最小值和最大值
4、date:可以输入正确的日期格式
6、rang
7、time
input新增的属性:
1、placehoder:用于提示语
2、required:必须填写
3、multipe:可以多选
4、pattarn:用于设定数字必须输入多少位
二、把一个网页设定为几个版块
格式:
<header>
<p>******</P>
</header>
<div>
<section>
<p>******</P>
</section>
<aside>
<p>******</P>
</aside>
</div>
<footer>
<p>******</P>
</footer>
三、表单中出现下拉列表
格式:
<input type="text" list="city"/>
<datalist id="city">
<option>****</option>
<option>****</option>
<option>****</option>
</datalist>
注意:list的值和id的值要必须一样
四、head 中的标签
1、script:添加JS
2、style:引入css样式
3、title:设置文网页打开显示的名字
4、meta:设置字符编码
五、css
1、css样式表可以分为嵌入式样式、外部样式表和内联样式表
2、一个样式规则由一个选择器后跟一个声明块组成
3、选择器
(1)、元素选择器:直接用html的元素
(2)、类选择器:在元素定义一个class的属性
写法: .类名
(3)、ID选择器:在html元素内定义一个id值
写法:#ID名
(4)、为类选择器:格式化不在文档树种的一些
以<a>为例
a:link 用在未访问的链接的选择器
a:visited 用在已经访问过的链接选择器
a:hover 用在鼠标光标放在骑上的链接的选择器
a:active 用在获得焦点(例如:被点击)的脸上的选择器
注意:类选择器可以在一个文档内根据需要多次使用
id选择器只能在文芳内应有一次
在同一个页面 class的值可以一样,ID值不能一样