hhtp协议和html标签分类css
HTTP协议四大特性:
1基于请求响应
2 基于tcp/ip协议之上的应用层协议
3 无状态
不能保存用户信息
4 无链接,短链接
二 get和post的区别?
1 get 不安全,get请求没有请求体 传递的参数有大小限制
post 安全 有请求体 传递的数据大小没有限制
HTML超文本标记语言
注释 <!--注释-->
head 一般写的内容不是让客户看的,常用标签:style link script
body 你写什么 就在网页上显示什么,常用标签:b,i,u,s,br,hr,h1~h6,div,span,p,img,a
标签的分类:
块级标签:独占一行的
div ,p ,h1~h6
行内标签:自身文本多大就占多大
span,a,img,b,i,s,u
标签之间的嵌套:
块儿级元素可以嵌套所有的行内元素,行内元素不能嵌套块儿级元素
p标签不能嵌套块儿级元素,其他的块儿级元素可以嵌套块儿元素和行内元素
标签的两个重要属性:
id
class
'''这两个属性都是所有的标签自带的'''
<div id='d1' class='c1'></div>
id属性不能重复
class 是可以重复的
无序列表:
<ul type="circle">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
form表单
# 可以让前端输入的数据提交到后端
<form action="" method="post">
# 朝后端提交的地址
1. 什么都不写,默认提交的是当前地址
2. 全写:https://passport.baidu.com/v2/api/?login
3. 只写后缀
/index/ # 他会自动帮你拼接 ip:port/index/
修改请求方式:
method="post"
'''
请求数据格式:
1. urlencode
2. form-data
3. json
'''
form表单只能提交:
1. urlencode
2. form-data
# 不能提交json格式的数据
提交json格式的数据:
1. ajax
2. api管理工具
css
# 层叠样式表 style sheet
'''
如何学习css?
1. 先学习如何查找标签
2. 在学习css的相关属性
'''
语法结构:
<style>
选择器 {
属性名:属性值
属性名:属性值
属性名:属性值
属性名:属性值
}
</style>
选择器:
1. 基本选择器(重要)
id选择器 #id名{}
class选择器 .class名{}
标签选择器 div{}
通用选择器
2. 属性选择器
div[username='ly'] {
color: red;
}
3. 伪类选择器
# 针对的是a标签
4. 伪元素选择器
选择器的优先级
1. 选择器相同的情况下
就近原则:离谁越近,就听谁的, 行内式的优先级最高
2. 选择器不同的情况下
行内式 > id > class > 标签
hhtp协议和html标签分类css的更多相关文章
- css基础(css书写 背景设置 标签分类 css特性)
css书写位置 行内式写法 <p style="color:red;" font-size:12px;></p> 外联式写法 <link re ...
- CSS.02 -- 样式表 及标签分类(块、行、行内块元素)、CSS三大特性、背景属性
样式表书写位置 内嵌式写法 <head> <style type="text/css"> 样式表写法 </style> </head&g ...
- html(常用标签,标签分类),页面模板, CSS(css的三种引入方式),三种引入方式优先级
HTML 标记语言为非编程语言负责完成页面的结构 组成: 标签:被<>包裹的由字母开头,可以结合合法字符( -|数字 ),能被浏览器解析的特殊符号,标签有头有尾 指令:被<>包 ...
- htm基础知识,css的链入以及标签分类。
<!DocTYPE> DOC--Document 文档 TYPE 类型 文档类型 告诉浏览器这是什么文件 单标签: meta 设置 charset 设置编码 双标签: 开始 ...
- http协议和web应用有状态和无状态浅析
http协议和web应用有状态和无状态浅析 (2013-10-14 10:38:06) 转载▼ 标签: it 我们通常说的web应用程序的无状态性的含义是什么呢? 直观的说,“每次的请求都是独立的 ...
- 前端之常用标签和CSS初识
外层div的宽度是100%,就是视口的大小,当视口被拉窄到小于内层div的宽度980px时,比如800px,此时 外层div宽度为800px,内层div宽度依然为980px,而css中只设置了外层di ...
- 在线聊天室的实现(1)--websocket协议和javascript版的api
前言: 大家刚学socket编程的时候, 往往以聊天室作为学习DEMO, 实现简单且上手容易. 该Demo被不同语言实现和演绎, 网上相关资料亦不胜枚举. 以至于很多技术书籍在讲解网络相关的编程时, ...
- http协议和web本质
转载:http://www.cnblogs.com/dinglang/archive/2012/02/11/2346430.html http协议和web本质 当你在浏览器地址栏敲入“http://w ...
- TCP协议和UDP协议基础介绍
TCP协议和UDP协议区别 标签(空格分隔): TCP,udp TCP的三次握手 TCP被称为可靠的数据传输协议,主要是通过许多机制来实现的其中最主要的就是三次握手的功能,当然,TCP传送数据的机制非 ...
- HTTP协议和SOCKS5协议
HTTP协议和SOCKS5协议 作者:尹正杰 版权声明:原创作品,谢绝转载!否则将追究法律责任. 我们平时上网的时候基本上是离不开浏览器的,尤其是搜索资料的时候,那么这个浏览器是如何工作的呢?用的又是 ...
随机推荐
- VS2017创建Linux项目实现远程GDB调试
vs2017新增linux for C++的模块,尝试安装了一下环境. 首先,安装VS2017,安装时注意选择以下模块: 安装完成后,需要配置Linux服务端的部分,我的配置过程如下: 第一步,安装V ...
- 卡片式UI设计详细指南,先收好这8条!
今天为大家分享的是「卡片设计」. 卡片是产品中常见的设计组件之一.通过卡片,可以将不同的内容分层次组合在一起.卡片式设计自带简约和易用的属性,能让页面看起来更有秩序感. 卡片作为常用的UI组件,通常由 ...
- sos 扩展命令文档
https://learn.microsoft.com/zh-cn/dotnet/framework/tools/sos-dll-sos-debugging-extension?redirectedf ...
- C# 笔记--Sendkeys winform窗体控件回车及全选
SendKeys.Send() 向活动应用程序发送击键 SendKeys.SendWait() 向活动应用程序发送给定的键,然后等待消息被处理 这两个方法可以发送组合键,需要注意的是字母按键应为小写. ...
- 更改材质uv
- P1062 [NOIP2006 普及组] 数列 题解
目录 题目 思路 code 题目 P1062 [NOIP2006 普及组] 数列https://www.luogu.com.cn/problem/P1062 思路 先把 N 转换成 2 进制,再把这个 ...
- shell脚本操作mysql通用脚本
作用:可以在写监控脚本时,将结果值保存到mysql数据库 使用方法:sh 脚本 库名称.表名称 字段=值 字段=值 字段=值 1.脚本 [root@localhost tmp]# cat writ_ ...
- 在项目中配置proxy 解决调试过程中的跨域问题
- vue3中使用vite-ts构建项目时tsconfig.json的配置
在上一次创建vue3项目在tsconfig.json中配置了文件别名以后,格式校验提示 es3什么鬼,便去看了一下tsconfig.json的配置,以此学习 { "compilerOptio ...
- 同一系统开启两个ftp进程
1.正常情况是yum 安装vsftpd服务 ,在/etc/vsftpd目录更改配置,起服务.这样启动是一个服务. 2.启动第二个vsftpd服务 #创建虚拟用户 useradd -d /home/vi ...