HTML5 重要标签及其属性学习

时间:2020-11-26 20:36:45

1.google字体:<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">

HTML5     重要标签及其属性学习

效果:

HTML5     重要标签及其属性学习

2.CSS3中重要属性:

border-style:solid;

border-radius:10px;边缘半径

HTML5     重要标签及其属性学习

HTML5     重要标签及其属性学习

border-radius:50%;

HTML5     重要标签及其属性学习

3.<ol>标签:

HTML5     重要标签及其属性学习

效果:

HTML5     重要标签及其属性学习

4.input的类型:

①type=“radio”

HTML5     重要标签及其属性学习

HTML5     重要标签及其属性学习

②type=“checkbox”

HTML5     重要标签及其属性学习

HTML5     重要标签及其属性学习

③input中text类型的默认输入:

placeholder=“。。。。。。。。”

HTML5     重要标签及其属性学习

HTML5     重要标签及其属性学习

④设置input标签中的值为必须填的:requied属性

HTML5     重要标签及其属性学习

⑤设置checkbox以及radio是默认选择好的:添加check属性

HTML5     重要标签及其属性学习

HTML5     重要标签及其属性学习

5.padding  margin  以及border

HTML5     重要标签及其属性学习

padding是填充物,

margin是边缘,如果您将元素的边缘设置为负值,则该元素将更大。

HTML5     重要标签及其属性学习

HTML5     重要标签及其属性学习