前端基础知识day03

俗物养人平凡是真

已于 2023-09-04 11:42:23 修改

阅读量33

点赞数

文章标签： html tensorflow 前端

于 2023-08-30 20:44:35 首次发布

本文链接：https://blog.csdn.net/qq_59362874/article/details/132590278

版权

1、表单有什么作用？
收集信息 - 提交信息

2、如何创建一个表单
<form action="信息提交给谁" method="提交的方式： get/post" name="给表单加个名字"></form>

需要注意的是
form --- from

action="https://www.baidu.com/"

method="get/post"

name="getUserInfo"

面试题：GET 和 POST 的区别？
1. get请求通常是从服务器上获取数据，post请求通常表示向服务器提交数据
2. get请求发送的数据都写在地址栏上，用户可见。而post请求发送的数据用户不可见
3. get请求不能提交大量的数据，但post可以，因此不要混用
建议：
1、Get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式
2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式

3、表单元素
<> 标签 - 标记 - 元素 - 盒子

input
type === 控制表单元素是哪一种？
text - 普通文本输入框
password - 密码输入框
button - 常规按钮想要显示字需要设置 value属性

reset - 重置按钮 - 把当前表单中的所有值全部清空
submit - 提交按钮 - 将表单中的值提交action中的地址

针对输入框【普通输入框/密码框】而言，常用的属性有
placeholder 提示文本
value 默认值
当提示文本和默认值同时存在时：页面会显示默认值的效果

4、css 有什么作用
美化页面，让页面变得更好看，提高用户的体验性

5、css 的基本语法
选择哪一个标签 {
css属性名一 : css属性名一对应的属性值 ;
css属性名二 : css属性名二对应的属性值 ;
css属性名三 : css属性名三对应的属性值 ;
......
}

6、书写一个css ！！！！！！！！
方式一：行内样式 === 直接在标签内部书写一个 style属性
eg： <p style="color:red;"></p>

方式二：内部样式 === 在html文件内部加上一个 style 标签
在 style 内部书写
eg:
<style>
p {
color: red;
}
</style>

方式三：外部样式 === 在html文件外部书写一个css文件
建立关系 - html文件使用 css文件
使用方法一
link ---> css
eg： <link rel="stylesheet" href="css文件的位置">

使用方法二
style ---> @import
eg: <style>@import url("./07-外部的样式.css");</style>

url === 路径

面试题：外部样式表两种方式的区别？
<link> 推荐使用
1、属于XHTML
2、优先加载CSS文件到页面
3、任何浏览器都能识别
4、能够使用javascript控制 dom 去改变样式的时候，只能使用link标签
@import
1、属于CSS2.1
2、先加载HTML结构在加载CSS文件
3、只有在IE5以上的才能识别

7、三种方式怎么选择？
行内样式 === 不要万不得已不要用 --- 不利于代码维护

内部样式 === 一般写一些小型的 demo 级别文件使用

外部样式 === 后期工作使用 ==== 注意一定要引入
index.html --- index.css

mine.html --- mine.css

8、、如果一个html文件同时被三种方式作用最后显示哪一种【优先级问题】！！！！！！！！
行内样式书写优先级最高
内部样式和外部样式需要看写入的顺序
注意：工作过程中
基本原则 - 先引入外部样式表再写内部样式表 ==== 万不得已才用行内样式的
9、css的属性
1、color === 设置字体的颜色

10、表单有什么作用？
收集信息 - 提交信息

11、如何创建一个表单
<form action="信息提交给谁" method="提交的方式： get/post" name="给表单加个名字"></form>

需要注意的是
form --- from

action="https://www.baidu.com/"

method="get/post"

name="getUserInfo"

12、面试题：GET 和 POST 的区别？
1. get请求通常是从服务器上获取数据，post请求通常表示向服务器提交数据
2. get请求发送的数据都写在地址栏上，用户可见。而post请求发送的数据用户不可见
3. get请求不能提交大量的数据，但post可以，因此不要混用
建议：
1、Get方式的安全性较Post方式要差些，包含机密信息的话，建议用Post数据提交方式
2、在做数据查询时，建议用Get方式；而在做数据添加、修改或删除时，建议用Post方式

13、表单元素
<> 标签 - 标记 - 元素 - 盒子

input
type === 控制表单元素是哪一种？
text - 普通文本输入框
password - 密码输入框
button - 常规按钮想要显示字需要设置 value属性等价于 <button>字字字</button>

reset - 重置按钮 - 把当前表单中的所有值全部清空
submit - 提交按钮 - 将表单中的值提交action中的地址

针对输入框【普通输入框/密码框】而言，常用的属性有
placeholder 提示文本
value 默认值
当提示文本和默认值同时存在时：页面会显示默认值的效果

14、css 有什么作用
美化页面，让页面变得更好看，提高用户的体验性

15、css 的基本语法
选择哪一个标签 {
css属性名一 : css属性名一对应的属性值 ;
css属性名二 : css属性名二对应的属性值 ;
css属性名三 : css属性名三对应的属性值 ;
......
}

16、书写一个css ！！！！！！！！
方式一：行内样式 === 直接在标签内部书写一个 style 属性
eg： <p style="color:red;"></p>

方式二：内部样式 === 在html文件内部加上一个 style 标签
在 style 内部书写
eg:
<style>
p {
color: red;
}
</style>

方式三：外部样式 === 在html文件外部书写一个css文件
建立关系 - html文件使用 css文件
使用方法一
link ---> css
eg： <link rel="stylesheet" href="css文件的位置"> 居多！！！

使用方法二
style ---> @import
eg: <style>@import url("./07-外部的样式.css");</style>

url === 路径

17、面试题：外部样式表两种方式的区别？
<link> 推荐使用
1、属于XHTML
2、优先加载CSS文件到页面
3、任何浏览器都能识别
4、能够使用javascript控制 dom 去改变样式的时候，只能使用link标签
@import
1、属于CSS2.1
2、先加载HTML结构在加载CSS文件
3、只有在IE5以上的才能识别

18、三种方式怎么选择？
行内样式 === 不要万不得已不要用 --- 不利于代码维护

内部样式 === 一般写一些小型的 demo 级别文件使用

外部样式 === 后期工作使用 ==== 注意一定要引入
index.html --- index.css

mine.html --- mine.css

19、如果一个html文件同时被三种方式作用最后显示哪一种【优先级问题】！！！！！！！！
行内样式书写优先级最高
内部样式和外部样式需要看写入的顺序

注意：工作过程中
基本原则 - 先引入外部样式表再写内部样式表 ==== 万不得已才用行内样式的

20、css的选择器

0、通配符选择器
* {
margin: 0;
padding: 0;
} 作用：清除页面中的所有边距

统配符选择器选择的是页面中所有的标签

21、标签选择器
标签名称 { }
选择的是当前页面中所有的这一类标签

22、类选择器
.类名 { }
选择的是当前页面中标签的 class 属性有这个名称的

=== 特性
1、名字可以重复使用
2、同一个 class 属性可以设置多个值，需要注意的是每个值之间需要空格隔开