day 2 html补充 css引入方式及基础选择器_送往服务器的值什么意思-CSDN博客

本文链接：https://blog.csdn.net/weixin_70432149/article/details/126217649

本文介绍了HTML中的form表单，包括get和post方法的区别，以及如何使用input radio和select标签进行性别选择和省份选择。展示了CSS的基础应用，如行间样式、选择器优先级和引入CSS的不同方式。

摘要由CSDN通过智能技术生成

<html lang="en">
<head>
<meta charset="utf-8" >
<title>呸！</title>

</head>
<body>
<!--
form表单标签发送数据,提交页面输入的数据到指定页面或后台
method="get/post" 发送数据的方式
get：请求从服务器上获得资源
1、请求参数会在地址栏中显示，
2、请求参数大小是有限制的
3、不太安全
post：用来向服务器提交数据
1、请求参数不会在地址栏中显示
2、请求参数大小没有限制
3、较为安全
action="" 指定提交数据的url（位置）

input标签
常用type属性：
text文本框
password密码框
submit提交
radio单选框
1、相同一组的radio才能做单选
2、设置相同name属性值为一组
checkbox复选框
select标签下拉菜单和列表便签，
1、option元素定义下拉列表中的一个选项
2、value定义送往服务器的选项值
-->
choose your sex
male<input type="radio" name="亲亲" value="male" checked="checked">
female<input type="radio" name="亲亲" value="female">

choose your province
<select name="province">
<option value="beijing">北京</option>
<option value="shangh">上海</option>
<option value="jinan">济南</option>
</select>

<!--

扩展内容：
主流浏览器内核
IE浏览器 trident
Firefox gecko
Google chrome webkit/blink
Safari webkit
Opera presto
web前端三大核心技术
HTML：负责网页的结构
CSS：负责网页的样式、美化(大小颜色位置)、
JS：负责网页的行为

CSS：全称cascading style sheet 层叠样式表

一、引入css
1、行间样式
2、页面级css：在head里加style标签
3、外部css文件：在head里加link标签
<link rel="stylesheet" type="text/css" href="day2.css">
异步分时处理，如收发短信，两件事同时执行
同步实时处理，如打电话，不能同步处理，一件一件的执行
二、css如何选择html元素
基础选择器
优先级：!important>行间样式>id>class=属性>标签>通配符
css权重
！important infinity
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0
256进制

1、id选择器：id属性，规定html元素唯一的id，id属性可用作link anchor（链接锚），通过js或通过css为带有制定id的元素改变或添加样式。
<div id="only">123</div>
使用方法：使用#开头表示id选择器。 #only {}
2、类选择器：有特定class属性，多个标签都是同一个类，多对多的关系
<div class="demo">123</div>
使用方法：选择拥有特定class的元素，使用一个句点字符，后面跟类名 .demo{}
3、标签选择器：可快速将同一类型都选择出来，但选择范围太光，不能做单独调整

4、通配符选择器：使用*的定义，选取所有的标签
属性选择器

-->

</body>
</html>