- 博客(11)
- 收藏
- 关注
原创 pointer-events
pointer-events:none 的作用是让元素实体“虚化”。作用1,用于提高界面滚动的效率作用2,用于前端动态添加水印
2023-03-01 11:38:09
193
原创 outline属性
outline属性表示轮廓具体位置如下图所示:outline-coloroutline-width参数值:thin/medium/thick/length/inheritoutline-style参数值:none:无 dotted:点式 dashed:虚线 double:双线 groove:槽式(有一种凹进去的感觉) ridge:棱式 inset:内嵌 outset:外凸 inherit:继承
2023-03-01 11:20:30
247
原创 CSS3变形效果
1.旋转 rotate通过指定的角度参数对原元素指定一个2D rotation(2D 旋转),需先有transform-origin属性的定义。transform-origin定义的是旋转的基点,其中angle是指旋转角度,如果设置的值为正数表示顺时针旋转,如果设置的值为负数,则表示逆时针旋转。如:transform:rotate(30deg);2.移动 translate移动我们分为三种情况:translate(x,y)水平方向和垂直方向同时移动(也就是X轴和Y轴同时移动) transl
2023-03-01 10:32:57
84
原创 border-radius属性
作用:border-radius的数值有三种表示方法:px、%、e,常用来给button加圆角边框,或者画一个圆形按钮
2023-02-28 19:58:53
112
原创 user-select属性
作用:在样式开发中,有可被选中, 和不可被用户选中的元素,这里需要用到user-selectall 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素 auto 文本将根据浏览器的默认属性进行选择 contain 选择该元素范围内的文本,只支持(Explorer未测试) none 元素和子元素的文本将无法被选中 text 文本可以被选中 inherit 继承父元素的此属性 initial 设置为初始的样式属性 reve
2023-02-28 19:51:04
412
原创 align-content、align-items、justify-content属性
1.align-content属性作用:设置同一列子元素在Y轴的对齐方flex-start 排列在当前列的最上方 flex-end 排列在当前列的最下方 center 排列在当前列的中间位置 space-between 间距相等排列,上下不留白 space-around 间距相等排列,上下留白等于间距的一半2.align-items属性作用:设置同一行子元素在Y轴的对齐方flex-start 排列在当前行的最上方 flex-end 排列在当前行的最下 center 排列在当前行
2023-02-28 19:46:12
1186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人