CSS

(一)什么是CSS
1.层叠样式表,HTML做网页的基本架构,CSS做网页的修饰
(二)版本的区分
1.CSS2
2.CSS3 可能会涉及到兼容性的问题 前缀写了一定不会有问题。不写可能会有问题
(三)有多少中浏览器? 五种
1.谷歌
2.火狐
3.IE
4.苹果
5.欧朋
(四)颜色的表示方式?3种
1.颜色色值的表示方式 red
2.Rgb、rgba(0-255)
3.16进制表示法 #xxyyzz #xyz
(五)CSS引入方法 4种
1.内联样式 标签中的style
2.内部样式表 style标签中
3.外部样式表 link标签中
4.外部导入
(六)Css选择器的权重
1.Id 100
2.Class 10
3.元素 1
4.通配符 0
5.内联样式最高 !Important
(七)Css过渡、转换、动画
1.Transition:指定要添加效果的CSS属性 指定效果的持续时间
2.2D转换
(1)translate() 元素移动
(2)rotate() 元素旋转
(3)scale() 元素缩放
(4)skew() 元素倾斜
(5)matrix(旋转,缩放,移动(平移)和倾斜)
3.3D转换
(1)rotate3d(x,y,z,angle)
(2)translate3d(x,y,z)
(3)scale3d(x,y,z)
4.CSS3 @keyframes 动画
(1)@keyframes 规则是创建动画
(2)@keyframes 规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式
(3)贝赛尔曲线
(八)CSS3 多媒体查询
1.viewport(视窗) 的宽度与高度
2.设备的宽度与高度
3.朝向 (智能手机横屏,竖屏)
4.分辨率
5.@media not|only mediatype and (expressions) {CSS 代码…;}
6.CSS3 弹性盒子(Flex Box)
(1)flex-direction
(2)justify-content
(3)align-items
(4)flex-wrap
(5)align-content
(6)align-self
(7)flex

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值