HTML和CSS总结(二)
[TOC]
HTML知识
-
HTML:是超文本标记语言
-
CSSS:层叠样式表
-
JavaScript: 动态效果
-
HTTML的注释:ctrl+/\
HTML的标签属性:
- 标签的属性写在开始标签
- 标签可以同时存在多个属性
- 属性之间通过空格隔开
- 标签名与属性之间必须通过空格隔开
- 属性没有顺序之分
HTML的标签关系:
- 父子关系 嵌套关系
- 兄弟关系 并列关系
排版标签
-
标题标签:h1~h6 特点:文字都加粗,独占一行代码
-
段落标签:p标签 特点:段落之间有间隙 ,独占一行代码
-
水平线标签:hr标签 特点:单标签 作用:在网页显示水平线
-
换行标签 : br标签: 作用:强制换行 单标签
-
文本格式化标签:
b:加粗 u:下划线 i:倾斜 s:删除线
语义
strong :加粗 ins:下划线 em :倾斜 del:删除线
三个组成部分
-
html+CSS+JavaScript
-
网页基本组成部分
-
文字、音频、视频、链接、图片
表单标签
文本框:
<input type="text" placeholder="占位符" value="用户输入层数据" >
密码框:
<input type="password" value="用户输入密码" name="name">
单选框:
<input type="radio" value="" checked="checked">
多选框:
<input type="checkbox" name="" id="">
CSS的基础选择器: 、
类选择器、ID选择器、标签选择器、后代选择器
类选择器:
结构:类名{ css }
作用:找到页面的类名的样式,设置样式
注意点:所有标签有类名,class属性
类名的规则:由数字、下划线、中划线、字母组成,但是不能以数字或者中划线开头
一个类选择器可有许多标签
Id选择器:
结构: id名{css}
作用:找到页面的id名的样式,设置样式
注意点:id是身份号码,在页面只有唯一的,不可重复
标签选择器:
结构: 标签名{css}
作用:找到页面的标签名的样式,设置样式
注意点:找到某一类标签,不能找一个标签
类选择器、ID选择器