1. html 介绍
html叫超文本标记语言,是开发网页的语言
html中的标签大多数都是成对出现的, 格式: <标签名></标签名>
2. html 基本结构
3. vscode介绍
一款HTML编辑器
4. 常用标签及嵌套
5. 绝对路径和相对路径的使用
6. 列表标签
无序列表:
有序列表
嵌套列表标签:
列表标签有无序列表标签(ul标签)和有序列表标签(ol标签)列表项目对顺序有要求的时候使用ol标签列表项目对顺序无要求的时候使用ul标签
7. 表格标签
表格边线合并:
border-collapse 设置表格的边线合并,如:border-collapse:collapse;
表单标签和表单元素标签的使用
1.表单用于搜集不同类型的用户输入(用户输入的数据),然后可以把用户数据提交到web服务器 。
9. 表单提交
表单属性设置:
标签 表示表单标签,定义整体的表单区域 action属性:设置表单数据提交地址 melhod属性: 设置表单提交的方式,一般有GET方式和POST方式,不区分大小写
表单元素属性设置
name属性:设置表单数据提交地址
value属性:设置表单元素的值,该值是提交数据时参数名所对应的值
a.表单标签的作用就是可以把用户输入数据一起提交到web服务器。
b.表单属性设置
1. action: 是设置表单数据提交地址
2.method: 是表单提交方式,提交方式有GET和POST
c.表单元素属性设置
1.name: 表单元素的名称,用于作为提交表单数据时的参数名
2.value: 表单元素的值,用于作为提交表单数据时参数名所对应的值
css介绍
css(Cascading Style Sheet)层叠样式表,它是用来美化页面的一种语言。
美化界面, 比如: 设置标签文字大小、颜色、字体加粗等样式。控制页面布局, 比如: 设置浮动、定位等样式。
选择器{
样式规则
}
样式规则:
属性名1:属性值1;
属性名2:属性值2;
属性名3:属性值3;
选择器:是用来选择标签的,选出来以后给标签加样式。
css 是由两个主要的部分构成:选择器和一条或多条样式规则,注意:样式规则需要放到大括号里面。
css 引入方式
css的三种引入方式
行内式
直接在标签的 style 属性中添加 css 样式
优点:方便、直观。 缺点:缺乏可重用性。
内嵌式(内部样式)
在标签内加入
优点:在同一个页面内部便于复用和维护。 缺点:在多个页面之间的可重用性不够高。
3.外链式
将css代码写在一个单独的。css文件中,在标签中使用标签直接引入该文件到页面中。
优点:使得css样式与html页面分离,便于整个页面系统的规划和维护,可重用性高。 缺点:css代码由于分离到单独的css文件,容易出现css代码过于集中,若维护不当则极容易造成混乱。
css引入方式选择
CSS 选择器
1.CSS选择器:是用来选择标签的,选出来以后给标签加样式。
a. 标签选择器
根据标签来选择标签,以标签开头,此种选择器影响范围大,一般用来做一些通用设置。
b.类选择器
根据类名来选择标签,以 . 开头, 一个类选择器可应用于多个标签上,一个标签上也可以使用多个类选择器,
多个类选择器需要使用空格分割,应用灵活,可复用,是css中应用最多的一种选择器。
c. 层级选择器(后代选择器)
根据层级关系选择后代标签,以选择器1 选择器2开头,主要应用在标签嵌套的结构中,减少命名。
d. id选择器
根据id选择标签,以#开头, 元素的id名称不能重复,所以id选择器只能对应于页面上一个元素,不能复用,id名一般给程序使用,所以不推荐使用id作为选择器。
e. 组选择器
根据组合的选择器选择不同的标签,以 , 分割开, 如果有公共的样式设置,可以使用组选择器。
f. 伪类选择器
用于向选择器添加特殊的效果, 以 : 分割开, 当用户和网站交互的时候改变显示效果可以使用伪类选择器
如果您觉得本文的内容对您的学习有所帮助:
关键字:
css