自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(11)
  • 收藏
  • 关注

原创 CSS3过渡效果 transition

CSS3过渡效果 transition

2023-03-02 19:59:24 416

原创 CSS背景 background

CSS背景 background

2023-03-01 17:00:14 97

原创 pointer-events

pointer-events:none 的作用是让元素实体“虚化”。作用1,用于提高界面滚动的效率作用2,用于前端动态添加水印

2023-03-01 11:38:09 122

原创 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 210

原创 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 51

原创 border-radius属性

作用:border-radius的数值有三种表示方法:px、%、e,常用来给button加圆角边框,或者画一个圆形按钮

2023-02-28 19:58:53 72

原创 user-select属性

作用:在样式开发中,有可被选中, 和不可被用户选中的元素,这里需要用到user-selectall 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素 auto 文本将根据浏览器的默认属性进行选择 contain 选择该元素范围内的文本,只支持(Explorer未测试) none 元素和子元素的文本将无法被选中 text 文本可以被选中 inherit 继承父元素的此属性 initial 设置为初始的样式属性 reve

2023-02-28 19:51:04 316

原创 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 1008

原创 display属性

display属性

2023-02-28 19:07:11 205

原创 CSS传统布局

CSS传统布局

2023-02-26 11:08:03 79

原创 padding和margin

padding和padding

2023-02-26 10:27:42 37

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除