2020-11-13

web基础Html+css(1)
一,下载Hbulider
1,新建文件夹 建立html文件

二,初识html5
1,描述网页的一种语言
超文本标记语言
标记语言
使用html标签来描述网页
2,html拓展
3,local storage储存在本地文件
4,新建一个hello world
5,简单布局
1)html和css交互:link
2)header nav article footor bordor solid padding margin float width height的使用
3)meta 元数据 charset网页字符集 name数据名称 content 内容 title网页名 nbsp空格 copy版权符
4)主体部分写在body
5)p 段落 stronger强调 br换行
6)块元素 行内元素
7)列表 可以相互嵌套
1,有序列表ol li
2,无序列表ul li
3,定义列表dl dt
8)超链接和相对链接
9)图片和视频
1,img
2,audio
10)表格和表单
1,表单 type属性
text 用于没有任何限制的文本和字符 password用于输入密码。
email
url
number用于应该包含 e-mail 地址的输入域。
range 用于应该包含一定范围内数字值的输入域。
number Date pickers (date, month, week, time, datetime, datetime-local)
search
color颜色
submit提交按钮
date 日、月、年
month 月、年
week 周和年
time 时间(小时和分钟)
datetime 时间、日、月、年(UTC 时间) datetime-local
时间、日、月、年(本地时间)
2,表格

三,css
一,css介绍

二,初始 通过选择器选择元素
1,选择器
1)元素选择器
2)id选择器 #id属性
3)类选择器 class
4)通配选择器
2,复合选择器
1)交集选择器
2)并集选择器
三,关系选择器
1,子元素选择器
2,后代元素选择器
4.伪类
CSS 伪类用于向某些选择器添加特殊的效果。
伪元素
:link 用来表示没访问过的链接(正常的链接) :visited 用来表示访问过的链接
:hover 用来表示鼠标移入的状态
:active 用来表示鼠标点击
四, 伪元素
五,样式的继承
六,悬着器的权重
七,单位和颜色

猜你喜欢

转载自blog.csdn.net/weixin_52472445/article/details/109671429