- 博客(10)
- 收藏
- 关注
原创 移动端常见布局
本质上,Less包含一套自定义的语法及一个解析器,用户根据这些语法定义自己的样式规则,这些规则最终会通过解析器,编译生成对应的CSS文件。所以,我们需要把我们的less文件,编译生成为css文件,这样我们的html页面才能使用。采用Flex布局的元素,称为Flex容器( flex container ),简称"容器"。flex是flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性,任何一个容器都可以指定为flex布局。将不同的终端设备划分成不同的类型,称为媒体类型。
2023-07-10 12:49:13
879
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关注的人