HTML和CSS学习部分总结1

更新时间:2023-04-07 12:57:05 阅读：评论：0

HTML和CSS学习部分总结1

HTMLform标签input标签type属性lect标签CSS常见选择器常见属性容器盒子

HTML

超文本标记语言(Hyper Text Markup Language)，标准通用标记语言下的一个应用

<!DOCTYPE html>---> html5标准网页声明<html lang="en">---> 向搜索引擎表示该页面是html语言，且语言为英文<head>--->head标签里的内容一般不直接现实在页面上，用来说明和描述网页文档    <meta chart="UTF-8">--->申明文档使用的是UTF-8的编码    <meta name="viewport" content="width=device-width, initial-scale=1.0">    <meta http-equiv="X-UA-Compatible" content="ie=edge">    <title>Document</title>   --->说明网页标题</head><body>    --->放置真正显示的内容</body></html>

meta标签用来描述一个HTML网页文档的属性，例如作者、日期和时间、网页描述、关键词、页面刷新等。
viewport是设备屏幕上显示我们网页的那块区域。
width 指定视区的逻辑宽度。它的值可以是以像素为单位的数字，也可以是一个特殊的标记符号。如上文代码中device-width即表示，视区宽度应为设备的屏幕宽度。
initi小学生感恩作文al-scale用于设置Web页面初始缩放比例，设为1.0则显示未经缩放的Web页面。

标签：左右尖括号括起来的内容就是标签。单标签和双标签。双标签是有起始和结束标签。结束标签会在左尖括号后加一个“/”。

form标签

为用户输入创建 HTML 表单，块级元素
可包含 input元素，比如文本字段、复选框、单选框、提交按钮等等
包含 menus、textarea、fieldt、legend 和幼儿园建议label 元素
用于向服务器传输数据

action属性，规定当提交表单时向何处发送表单数据method属性，有get、post两个值
get和post区别：get(搜索/正常的请求)会将表单提交的内容直接放在请求的URL地址里，效率高，不安全。post(登陆/注册等比较怎么电话销售隐私和安全的内容以及上传文件时)不会将表单数据显示到url上，会放置在请求的body上。

input标签

用于搜集用户信息

type属性

文本输入：text
密码：password
单选框：radio
复选框：checkbox
颜色：color
时间：date
提交：submit

lect标签

可创建单选或多选菜单
option属性用于定义列表中可用选项

CSS

层叠样式表(Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言
强调文本 强调文本

常见选择器

元素选择器：元素名称
Class选择器：.+类名
ID选择器：#+id名

优先级 id>class>元素>默认的浏览器样式>继承的样式

常见属性

Color:文字颜色Font-size:文字的大小Font-family:文字字体，尽量使用黑体，微软雅黑，宋体，普通用户都有的字体Font-weight:字体粗细,100-900Text-align:文字的排版，例如lef风雨送春归全诗t,center,rightLine-height:行高，行与行之间的高度Text-shadow:文字阴影