- 博客(10)
- 资源 (3)
- 收藏
- 关注
原创 2021-09-22
uni app 记忆笔记 1.防止重复点击 1、在根目录下新建一个js 文件,输入下面代码 function noMultipleClicks(methods) { let that = this; if (that.noClick) { that.noClick= false; methods(); setTimeout(function () { that.noClick= true; }, 12000) } else { uni.showToas
2021-09-22 14:03:39
139
原创 css的定位
定位(position) 静态定位(static) 静态定位就是所有元素的默认定位方式, 当position属性的取值为static时 可以将元素定位于静态位置 所谓静态位置就是各个元素在HTML文档流中默认的位置 上面的话翻译成白话: 就是网页中所有元素都默认的是静态定位 其实就是标准流的特性 相对定位relative 注意 : 相对定位最重要的一点是 他可以通过边偏移移动位置 但是原来的所占的位置 继续占有 其次 每次移动的位置 是以自己的左上角为基点移动(相对于自己来移动位置) 绝对定位a
2020-06-08 23:09:09
234
原创 清楚浮动的4种方法
清除浮动: 1.选择器{clear:属性值(left/right/both)} 2.给父级添加overflow:hidded(auto/scroll) 3.使用after清除浮动: 类名器:after{content:"." ; display:block ; height:0 ; clear:both ; visitility:hidden;} 类名器:{*zoom:1;} 4.使用before和after清除浮动: 类名器:before, 类名器:after{content:"." ; display:
2020-06-06 10:20:29
276
原创 CSS中用浮动布局页面
content宽度和高度 使用宽度属性和高度属性可以对盒子的大小进行控制(可以用百分比/通常用像素) 1.宽高属性仅适用于块级元素,对行内元素无效(img和input除外) 2.计算盒子模型的总高度时还要考虑上下两个盒子垂直外边距合并的情况 3.如果一个盒子没有指定宽高和继承父级的宽高,则padding不会影响本盒子大小 盒模型布局的稳定性 建议优先使用宽度其次用内边距再次用外边距(width > padding > margin) 盒子阴影:box-shadow:水平阴影 垂直影音 影子大
2020-06-04 23:59:42
1227
原创 CSS的盒子模型
CSS的三大特性:层叠性 继承 优先级 层叠性:是浏览器处理冲突的一个能力,如果同一个属性被两个相同的选择器设置在同一个元素上,,那么前面的属性会被后面的属性层叠掉。 继承性:子标签会继承父标签的某些样式(text-/font-/line-/color这些开头的元素都可以继承) 优先级:!important > 行内样式 > id选择器 > 类选择器(伪类选择器)> 元素标签 CSS的三大模块:盒子模型 浮动 定位,其余的都是细节 盒子模型:把html页面中的元素看做是一个矩形的
2020-06-03 22:54:35
164
原创 CSS的背景属性 CSS的伪元素选择器
属性选择器: E【attr】 存在attr属性即可 E【attr=val】 属性值完全等于val E【attr*=val】 属性值里包含val字符并且在“任意”位置 E【attr^=val】 属性值里包含val字符并且在“开始”位置 E【attr$=val】 属性值里包含val字符并且在“结束”位置 伪元素选择器 E::first-letter 文本的第一个单词或字 (如 中文 日文 韩文等) E::first-line 文本第一行 E::selection 可改变选中文本的样式 E::before和E:
2020-06-03 00:10:07
227
原创 CSS的文本属性
CSS外观属性 color: 文本颜色 预定义的颜色值 如 red green blue 等 十六进制, 如#FF0000 = #F00, #FF6600 #F60, #29D794等 实际工作中 十六进制是最常用的定义颜色的方式 RGB代码 如容色可以表示为 rgb(255,0,0) 或者 rgb(100%,0%,0%) line-height: 行间距 设置行间距 就是行与行之间的距离 text-align: 水平对齐方式 设置文本内容的水平对齐 相当于html中的align对齐属性 Left(左
2020-06-01 22:37:28
225
原创 CSS的字体属性/选择器
CSS的样式规则: 1.选择器用于指定CSS样式作用的HTML对象 2.属性和属性值以“键值对”的形式出现 3.属性是对指定对象设置的样式属性 如字体大小/颜色 CSS字体属性: font-size:字号大小 (px最常用) font-family:字体 font-weight:字体粗细(normal bold bolder lighter /100–900) font-style:字体风格(normal/默认字体 italic/oblique字体倾斜) dont综合设置字体样式顺序:选择器{fo
2020-05-29 20:00:31
561
原创 html的初步运用
! html5的常用新标签: header : 定义文档的页眉 头部 nav : 定义导航链接的部分 footer : 定义文档或节的页脚 底部 article : 定义文章 section : 定义文档中的节 ( section, 区段 ) aside : 定义其所处内容之外的内容 侧边 datalist : 标签定义选项列表 请与 input 元素配合使用该元素 fieldset : 元素可将表单内的相关元素分组 打包 与 legend 搭配使用 html5的常用新属性: ...
2020-05-27 17:54:06
146
原创 thml的认识
html:超文本标记语言 常用浏览器(内核):IE(Trident) 火狐(Gecko) 谷歌(Blink) Opera(Presto/Blink) Safari(Webkit) web标准的代码: 1.更利于网站的维护 2.提高浏览页面的速度 3.使web前景更加宽广 4.容易被更多更广泛的设备访问 5.降低流量的费用 6.更容易被搜索引擎搜索 web标准的构成: 结构 表现 行为 结构包括:html xml xhtml 表现包括:css 文字大小 颜色 外观 行为包括:JS h
2020-05-25 19:48:39
512
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅