总结一下这两天复习的html与css知识点

1.html4规定了3中文档类型strict、Transitional、Frameset
2.IDE集成开发环境(编辑器)
3.图片、文本滚动
4.进度条
5.使用name来定义锚点
使用href来查找锚点
6.一个页面只能有一个

标签
7.Cellpadding = “0” cellspacing = “0” 同时设置让表格双线变单线
Colspan 跨列 rowspan 跨行
表格布局缺点:
加载速度慢 一行一行加载
中规中矩 布局死板
8.Form 表单
action 提交的地址
Method 提交方式 两种 get 提交量小 4kb左右 不严谨
Post 提交量大 30mb 加密
Submit提交按钮
Reset重置按钮
Button普通按钮
9.Label 提高用户体验 for指向关联元素ID
10.Overflow:scroll;滚动条
11.单选多选实现默认选中 checked
12.下拉实现默认选中selected
13.Html5 input新类型
Color 颜色 date 日期 search搜索框 email 邮件
range 进度条 url 网址

14 placeholder内容框里提示
15
地址
16 强调 加粗
加粗
倾斜
强调 倾斜
下划线
删除线
删除线
下标
上标
//size选择框大小

11权重
通配符 0
元素选择器 1
类选择器 10
Id选择器100
行内样式(代码写在具体网页中的一个元素内) 1000
伪类选择器
hover: 10
active: 10
nth-child
12.过渡
transition: 过渡内容(all) 过度时间(2s) 过渡方式(linear/ease)
13.渐变
linear-gradient(white,blue);线性渐变
radial-gradient(white,blue);径向渐变
14.字体
font-size: 大小
font-weight: 加粗
font-family: 样式
15.阴影
盒子阴影 box-shadow: x轴偏移量 y轴偏移量 模糊程度 阴影颜色
文字阴影 text-shadow: x轴偏移量 y轴偏移量 模糊程度 阴影颜色
16.边框圆角效果
border-radius
17.2D转换 transform
transform: rotate(90deg);旋转
transform:translate(x轴偏移量,y轴偏移量)
transform:scale(2,2);x轴偏移量 y轴偏移量
transform: skew(45deg,45deg);x轴偏移量 y轴偏移量
18.定义动画:animation:动画名称 执行一次时间 执行方式 执行次数
引出动画:@keyframes 动画名称{0%{}
100%{}
}
19.背景图
background:url(“”)设置背景图
backgroung-repeat:no-repeat;设置背景图不平铺
backgroung-size:100% 100%;设置背景图大小
background-position:x y;背景定位
20.display:inline block inline-block none;
行级 块级 行级块元素 消失

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值