关注前端 | 前端博客

三栏布局,左右栏宽为300px,中间自适应

1. flexbox 弹性伸缩盒子 2. table 表格布局 3. absolute 绝对定位 4. grid网格布局 5. float 浮动布局 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484...

阅读全文

2019年12月21日 61℃ 0条评论 1喜欢

垂直居中的几种方法

第一种:父元素宽高不确定,元素垂直水平居中 table table-cell <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>水平垂直居中&l...

阅读全文

2018年07月10日 252℃ 0条评论 0喜欢

C3-box-reflect属性

取值: direction: above:倒影想上方; below:倒影在下方; left:倒影在左边; right:倒影在右边。 offset: 可用单位:px 百分比 mask-box-image: none:无遮罩图像 url:使用绝对或相对地...

阅读全文

2018年07月08日 208℃ 0条评论 0喜欢

C3-过渡transition属性

transition是css3新增属性,可不用JavaScript、jQuery、flash等实现一些动画 transition:简写属性,一共4个值: transition-property:css属性名,width、height…; transition-duration:过渡需要花费的...

阅读全文

2018年07月08日 266℃ 0条评论 0喜欢

C3-animation

animation复合属性 animation-name: 规定动画名称; animation-duration: 动画执行完成所需时间,单位s; animation-timing-function: 动画运动曲线,默认为ease; animation-delay: 规定是否延迟执...

阅读全文

2018年07月08日 313℃ 3条评论 2喜欢

C3-text-shadow属性

text-shadow复合属性 css3新增文本属性,给文本做修饰的,属性的值可跟多组,用逗号隔开。 语法:text-shadow: h-shadow v-shadow blur color。 h-shadow:水平方向偏移; v-shadow:垂直方向偏移; blur...

阅读全文

2018年07月08日 515℃ 0条评论 1喜欢

C3-新增文本属性

text-overflow 定义文本溢出时所做的事,结合white-space、overflow属性一同使用,分别有3个值: clip:超出时裁剪文本 ellipsis:超出时显示省略号 inherit:继承 word-break 规定文本换行的规则...

阅读全文

2018年07月08日 207℃ 0条评论 0喜欢

博客简介

一位不知名的前端工程师,专注全栈技术,分享各种所遇问题与个人心得,梦想成为一位知名大神!

精彩评论

服务热线:
 177****6038

 QQ在线交流

 旺旺在线