随笔分类 -  Html+css

一些运用于Html+css的问题
position(定位)属性
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-09-27 15:31 飞渝 阅读(148) 评论(0) 推荐(0)
BFC模型
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-09-27 09:27 飞渝 阅读(102) 评论(0) 推荐(0)
Flex布局
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi 阅读全文
posted @ 2021-09-26 18:27 飞渝 阅读(36) 评论(0) 推荐(0)
css选择器优先顺序
摘要：选择器的优先级排序 1. ！important 在属性后面写上这条样式，会覆盖掉页面上任何位置定义的元素的样式。 2. 行内样式，在style属性里面写的样式。 3. id选择器 4. class选择器 5. 标签选择器 6. 通配符选择器* 7. 浏览器的自定义属性和继承 阅读全文
posted @ 2021-07-26 10:24 飞渝 阅读(106) 评论(0) 推荐(0)
CSS中可继承与不可继承属性分类
摘要：一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向 阅读全文
posted @ 2021-07-26 10:01 飞渝 阅读(63) 评论(0) 推荐(0)
盒子上下左右居中或任意位置（登录框位置设计）
摘要：结果 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="viewpo 阅读全文
posted @ 2021-04-16 17:14 飞渝 阅读(145) 评论(0) 推荐(0)
H5《canvas》标签实现绘画板
摘要：先上结果图： 注：本项目主要实现了：a、画图；b、清屏；c、橡皮擦；d、保存；e、颜色选择；f、粗细选择； 1.html代码 <div class="canvas"> <canvas width="800px" height="500px"></canvas> </div> <div class=" 阅读全文
posted @ 2021-04-15 11:17 飞渝 阅读(274) 评论(0) 推荐(0)
常用数量加减器（购物数量加减）（点击加减号加减数量）
摘要：只实现了常规加减有需要根据可以根据自己添加限制条件 先来效果图 HTML代码 <!-- 快速实现数量加减 --> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <input id="min" name="" t 阅读全文
posted @ 2021-03-18 09:52 飞渝 阅读(1417) 评论(0) 推荐(0)
常用的正则表达式及测试
摘要：//验证姓名正 /^[\u4E00-\u9FA5\uf900-\ufa2d·s]{2,20}$/ 表达式全集 字符描述 \ 将下一个字符标记为一个特殊字符、或一个原义字符、或一个向后引用、或一个八进制转义符。例如，“n”匹配字符“n”。“\n”匹配一个换行符。串行“\\”匹配“\”而“\(”则匹配“ 阅读全文
posted @ 2021-03-12 17:20 飞渝 阅读(679) 评论(0) 推荐(0)
<inpute>禁止输入方法
摘要：1. readonly规定输入字段为只读可复制，但是，用户可以使用Tab键切换到该字段，可选择,可以接收焦点，还可以选中或拷贝其文本。 <input type="text" value="哈哈哈" readonly="readonly"> 2：disabled 被禁用的 input 元素可复制，不能 阅读全文
posted @ 2021-03-09 21:39 飞渝 阅读(240) 评论(0) 推荐(0)
<inpute>标签的type属性
摘要： 阅读全文
posted @ 2021-03-09 21:34 飞渝 阅读(100) 评论(0) 推荐(0)
js中三种弹框及其特点
摘要：1、alert() 作用： alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。 语法： alert(message) 参数：message：要在 window 上弹出的对话框中显示的纯文本（而非 HTML 文本） 返回值： 无 实例： 1 <html> 2 <head> 3 < 阅读全文
posted @ 2021-02-10 17:23 飞渝 阅读(576) 评论(0) 推荐(0)
js等待一段时间执行，指定的毫秒数后调用函数或计算表达式，Window setTimeout() 方法
摘要：实例 3 秒（3000 毫秒）后弹出 "Hello" : setTimeout(function(){ alert("Hello"); }, 3000); 语法 setTimeout(code, milliseconds, param1, param2, ...) setTimeout(functi 阅读全文
posted @ 2021-02-10 01:37 飞渝 阅读(558) 评论(0) 推荐(0)
弹出提示框显示和消失操作
摘要：首先写一个装提示信息的盒子，我这里放在大盒子中用层定位美化 1 <div style="position: relative;"> 2 <div id="alert" style="position: absolute; left: 45%; top: 350px; padding: 10px 10 阅读全文
posted @ 2021-02-10 01:22 飞渝 阅读(145) 评论(0) 推荐(0)
Window open() 方法打开一个新的浏览器窗口或查找一个已命名的窗口。新弹窗。
摘要：语法 window.open(URL,name,specs,replace) 参数说明 URL 可选。打开指定的页面的URL。如果没有指定URL，打开一个新的空白窗口 name 可选。指定target属性或窗口的名称。支持以下值： _blank - URL加载到一个新的窗口。这是默认 _parent 阅读全文
posted @ 2021-02-09 20:51 飞渝 阅读(743) 评论(0) 推荐(0)
让盒子上下左右居中显示css
摘要：首先你需要有一个显示的地方我这里就用盒子（bigdiv）装一个盒子（childdiv）来表示，如果是两个已知大小盒子就非常简单了，设置一些具体（具体需要根据你自己去算。注：特别注意border的使用也会占位置）的内外边距就可以达到预期。 主要讲一下未知大小时居中问题： HTML 1 <div cla 阅读全文
posted @ 2021-01-23 17:10 飞渝 阅读(543) 评论(0) 推荐(0)
js中的数组求和
摘要：for循环 1 (function(){ 2 3 var arr1=[a,b,c,d], 4 arr2=[e,f], 5 sum=0; 6 var getsum=function(ar){ 7 arr=ar 8 for (i=0;i<arr.length ;i++ ) 9 { 10 sum+=arr 阅读全文
posted @ 2021-01-22 22:43 飞渝 阅读(395) 评论(0) 推荐(0)