web学习html

单标记
双标记

html 常用标签

1 文本标题

一个网页最好只有一个标题标签

段落标签
换行
水平线

加粗 推荐

倾斜 推荐

删除
推荐

下划线

上标下标


在这里插入图片描述
div 标签
区域划分,独占一行

span标签
在这里插入图片描述
wu序列表

    • ![在这里插入图片描述](https://img-blog.csdnimg.cn/66d7b59723e3479fbbd2f0c3c201e1a3.png) 有序:order ol有序列表 ![在这里插入图片描述](https://img-blog.csdnimg.cn/1436cd8a036c4f5bb872c8507d877394.png)

ctrl + / 注释
无序列表
在这里插入图片描述
自定义列表
在这里插入图片描述一办情况 不放到一个dl 标签里,因为可能多个dt dd样式不一样,
快捷键创建方式
在这里插入图片描述
图片标签的路径
标签
./ 当前位置
…/ 上一级目录
…/…/ 上一级的上一级
注意:这种是不能跳出当前项目的路径区
在这里插入图片描述
超链接标签
在这里插入图片描述table表格
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述tr属性
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
表格的合并
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
表单标签
什么是表单?收集用户信息
在这里插入图片描述在这里插入图片描述

在这里插入图片描述

二 CSS

css:层叠样式表
在这里插入图片描述

在这里插入图片描述
css要想在html中使用,要放在style标签中
在这里插入图片描述
在这里插入图片描述
放到head标签点,body也可以但是body一般不放太乱了
在这里插入图片描述
外部样式
在这里插入图片描述
在这里插入图片描述
所以推荐link标签

行内样式表,内联样式表
在这里插入图片描述
同一个标签同一个属性 行内样式>内部样式>外部样式 就近原则
!important 加到哪 哪里优先级最高
在这里插入图片描述
这里外部样式就是最高,如果属性是其他地方没有,外部样式的也生效

选择器:
在这里插入图片描述
元素标签选择器
在这里插入图片描述
类选择器
在这里插入图片描述
在这里插入图片描述
一个标签里可以加两(多)个类别

id选择器
在这里插入图片描述
注意:一个标签只有一个id,不要多个标签用重复id,虽然会生效,但是非法了,多个就用类选择器啊

通配符选择器 常用于边距清0
在这里插入图片描述
在这里插入图片描述

群组选择器和包含选择器

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述在这里插入图片描述
伪类选择器 多用于a标签
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
选择器的权重
同一个元素而言
在这里插入图片描述
在这里插入图片描述

id选择器>class选择器>元素选择器
在这里插入图片描述
包含选择器:是所有选择符的权重之和,eg:3层选择器>2级选择器 都是两层的话,看是什么选择器
eg div .p div p .p 是id选择器大于p类型选择器
在行内样式面前都不行,行内又小于!important

css属性
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

div是块级元素,默认一行占满,在不指定宽度的情况下
在这里插入图片描述
这样a标签下面就没有下划线了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值