- 博客(24)
- 收藏
- 关注
原创 CSS3 盒子模型及模糊
CSS3 中可以通过 box-sizing 来指定盒模型,有2个值:即可指定为 content-box、border-box,这样我们计算盒子大小的方式就发生了改变。(前提padding和border不会超过width宽度)padding和border就不会撑大盒子了。如果盒子模型我们改为了。
2023-08-18 15:53:17
243
原创 CSS3 伪元素选择器
before 在父元素内容的前面创建元素,after 在父元素内容的后面插入元素 伪元素选择器和标签选择器一样,语法: element::before {}before 和 after。before 和 after。必须有 content 属性。的,所以我们称为伪元素。
2023-08-18 15:33:23
72
原创 HTML5 input
range 类型用于应该包含一定范围内数字值的输入域range 类型显示为滑动条url 类型用于应该包含 URL 地址的输入域在提交表单时,会自动验证 url 域的值注意:必须放在form表单里才会生效。
2023-08-18 10:41:42
46
1
原创 CSS 字体图标下载与引用
iconfont-国内功能很强大且图标内容很丰富的矢量图标库,提供矢量图标下载、在线存储、格式转换等功能。阿里巴巴体验团队倾力打造,设计和前端开发的便捷工具。打开icomoon字库官网,点击右上角IcoMoon APP 按钮。iconfont-阿里巴巴矢量图标库。
2023-08-16 17:17:01
714
1
原创 CSS 定位position
将盒子定在某个位置,所以定位也是在摆放盒子,按照定位的方式移动盒子定位 = 定位模式(指定元素在文档中的定位方式)边偏移(决定元素的最终位置)
2023-08-16 10:35:21
52
1
原创 CSS 属性书写顺序
display / position / float / clear / visibility / overflow width/ height / margin / padding / border / background color / font / text-decoration / text-align / vertical-align / white-space / break-word content / cursor / border-radius
2023-08-07 16:12:02
60
1
原创 CSS 浮动float
一、浮动的特性网页布局第一准则:多个块级元素纵向排列找标准流,多个块级元素横向排列找浮动一、浮动的特性1、浮动元素会脱离标准流脱离标准流的控制(浮)移动到指定位置(动)。浮动的盒子不再保留原来的位置。2、浮动的元素会一行内显示并且元素顶部对齐浮动的元素是互相贴靠在一起的(不会有缝隙),如果父级宽度装不下这些浮动的盒子,多出的盒子会另起一行对齐。3、浮动的元素会具有行内块元素的特性任何元素都可以设置浮动,不管原来是什么模式的元素,添加浮动之后具有行内块元素相似的特性。
2023-08-07 16:04:33
44
1
原创 CSS 盒子模型
1、为边框指定宽度:border-width2、为边框指定样式:border-style3、为边框指定颜色:border-color4、边框简写:border:1px solid red(没有顺序)
2023-08-06 09:44:25
43
1
原创 CSS 选择器权重
选择器 选择器权重 继承或* 0,0,0,0 元素选择器 0,0,0,1 类选择器,伪类选择器 0,0,1,0 ID选择器 0,1,0,0 行内样式 style="" 1,0,0,0 !importent 重要的 无穷大
2023-08-06 09:22:33
46
1
原创 CSS 背景background
属性 作用 值 background-color 背景颜色 颜色值/十六进制值/RGB代码 background-image 背景图片 url(图片路径) background-repeat 是否平铺 repeat/no-repeat/repeat-x/repeat-y background-position 背景位置 length/position 分别是x和y坐标 background-attachment 背景附着
2023-08-05 10:26:21
43
1
原创 uni-app组件生命周期
实例初始化之前数据没有初始化完成实例创建完成可拿到数据和方法未挂载已经渲染到页面数据还未更新到页面数据更新到页面了销毁前销毁后。
2023-07-06 11:20:18
351
1
原创 uni-app组件注册及引用
目录一.组件简介二.组件注册及引用1.组件注册element.vue2.组件引用3.效果图一.组件简介组件是一个单独且可复用的功能模块的封装。组件是视图层的基本组成单元。每个组件,包括如下几个部分:以组件名称为标记的开始标签和结束标签、组件内容、组件属性、组件属性值。组件名称由尖括号包裹,称为标签,它有开始标签和结束标签。结束标签的<后面用/来表示结束。结束标签也称为闭合标签。如下面示例的<component-name>是开始标签,<
2023-07-06 10:04:35
3309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人