自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 移动端常见布局

本质上,Less包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的CSS文件。所以,我们需要把我们的less文件,编译生成为css文件,这样我们的html页面才能使用。采用Flex布局的元素,称为Flex容器( flex container ),简称"容器"。flex是flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。将不同的终端设备划分成不同的类型,称为媒体类型。

2023-07-10 12:49:13 879 1

原创 移动端基础

background-size属性规定背景图像的尺寸。

2023-07-10 12:47:55 72 1

原创 CSS之3D转换

三维坐标系其实就是指立体空间,立体空间是由三个轴共同组成。

2023-07-10 12:41:58 71 1

原创 CSS之动画

keyframes 动画名称

2023-07-10 12:41:14 197 1

原创 CSS之2D转换

转换(transform )是CSS3中具有颠覆性的特征之一,可以实现元素的位移、旋转、缩放等效果转换( transform )你可以简单理解为变形。

2023-07-10 12:40:38 98 1

原创 CSS之提高(HTML和CSS的新增特性)

HTML5新增的语义化标签,视频标签,音频标签,新增input标签,表单标签,CSS3新增属性选择器,结构伪类选择器,nth-child选择器,伪元素选择器(重点),,盒子模型,图片模糊-CSS3滤镜filter,计算盒子宽度calc函数,CSS3过渡

2023-07-05 13:58:19 37 1

原创 CSS之定位

定位组成,边偏移,静态定位static(了解),相对定位relative(重要),绝对定位absolute(重要),固定定位fixed(重要),子绝父相,粘性定位,定位叠放次序,定位的拓展,元素的隐藏和显示,display属性,visibility属性,overflow溢出

2023-07-05 13:50:23 637 1

原创 CSS之高级技巧

精灵图,字体图标,CSS三角,CSS用户界面样式(鼠标样式cursor,表单轮廓线outline,防止拖拽文本域),vertical-align属性应用,溢出的文字省略号显示,常见布局技巧(margin负值运用,文字围绕浮动元素巧妙技巧,行内块巧妙运用,CSS三角强化)

2023-07-05 13:42:13 38 1

原创 CSS之浮动

普通流(标准流/文档流),浮动 ,定位,浮动特性,常见的网页布局,清除浮动,清除浮动的本质,父元素overflow,after伪元素,额外标签法

2023-07-05 13:35:25 36 1

原创 CSS之盒子模型2

注意:以上方法是让块级元素水平居中,行内元素或者行内块元素水平居中给其父元素添加text-align.center即可。radius半径(圆的半径)原理:(椭)圆与边框的交集形成圆角效果。margin属性用于设置外边距,即控制盒子和盒子之间的距离。padding属性用于设置内边距,即边框与内容之间的距离。margin简写方式代表的意义跟padding完全一致。可以做成鼠标移动到盒子上才有阴影的效果。盒子左右的外边距都设置为auto。常见的写法,以下三种都可以∶。嵌套块元素垂直外边距的塌陷。

2023-07-05 13:27:14 78 2

空空如也

空空如也

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

TA关注的人

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