HTML 第一周的内容
2021-03-13 22:04:31 0 举报AI智能生成
html和css基本的内容
作者其他创作
大纲/内容
html
语义型标签
h1-h6
列表
有序列表
ul
li
无序列表
ol
li
自定义列表
dd
dt
p 段落
span 一句话
em 强调
strong 强调
比em更加强烈
del 删除
功能性标签
img标签
在网页里加入一张图片
src
相对路径
./
在当前目录中查找文件
../
返回上一层寻找文件
绝对路径
从盘符开始查找文件
但是不推荐使用
因为在win系统中开始使用，但是在其他系统中无法正v行使用
wigth
可以设置图片的宽度
height
可以设置图片的高度
alt
它可以在图片找不到或者说实在丢失的时候用文字替代
a 标签以及锚点
href可以跳转至指定的网页
JavaScript：； 不能点击跳转
锚点的属性应该和id的属性相配合
video
controls
表示用户可以在视频中暂停播放
loop
表示在视频结束后可以循环播放
autoplay
表示可以在用户打开网页后自动播放
但是需要先静音
muted
表示用户在播放的时候是一个静音的状态
audio
同上video一样
controls
loop
autoplay
muted
表单<form>
input
autocomplete
自动完成
表示用户在输入款那日输入一次后可以保存
但是要选择on，若为off，则视为关闭
autofocus
自动获取焦点
表示用户在打开网页后输入款自动获取焦点
一个网页只能有一个
checked
表示用户在打开网页后能够自动选择
只能使用在
单选
多选
disabled
表示用户不能在此输入框内输入任何东西
min
表示用户输入的最小值
max
表示用户输入的最大值
readonly
表示只读
用户不能在此输入，只能看
value
表示默认信息
用户需要手动删除
placeholder
表示提示信息
用户在输入内容后会自动消失不见
表格<table>
tr
行
th
表头
td
单元格
solspan
横向合并
rowspan
纵下合并
使用html必须遵循语义化
css
概念：层叠样式表
核心：层叠
选择器
三大基础选择器
html选择器
class 选择器
id选择器
组合选择器
父辈选择器
祖孙辈选择器
当选择器发生冲突
有没有目标元素
如果都有
比较它们的权重
没有全部选中
权重为0
如果没有
比较远近
随离目标元素近，谁的权重大
一样
先写的会被覆盖
！important
在谁身上，谁的权重大
但是不推荐使用
* 通配符
选中所有标签
超链接伪类选择器
4种状态
：link
链接没有被访问过
：visited
链接已经被访问过
:hover
鼠标悬浮在链接上
:active
链接被激活
元素的隐藏
display：none
元素消失，不会占用空间
visbility:hidden
元素消失，但是还是占用空间
opacity：0
元素化石会消失，也是占用空间
收藏
职业：暂无
0 条评论
下一页
