sass和less以及stylus的区别
摘要：一、区别： 需要配置不同：Sass需要Ruby环境；Less需要引入less.js；Stylus需要安装node 使用语法不用：Sass变量使用$ ;Less变量使用@；stylus变量使用 属性名 = ‘值’
阅读全文
posted @ 2023-02-14 22:34
随笔分类 - 前端
less的使用（变量，嵌套，伪元素，伪类，媒体查询）
摘要：//变量 //嵌套 //伪类：如：hover， & 代表当前所选择的标签 //伪元素 如：befor &：： 代表当前选择的标签 //媒体查询 //1.声明变量 @width:500px; @background-color:blue; .wsx { width: @width; height: 1
阅读全文
posted @ 2023-02-14 22:02
js中 与 或 非
摘要：// && 与 || 或 ！非 // 与：永远执行下一个为真的语句，如果遇到假的，则停止运行 // 或：永远执行下一个为真的语句，如果遇到真的，停止运行,全部假，则返回最后一个, // 非：相反的数。一个非=相反 二个非=相近 // var a1= 1+1 && 1-1 ; // document.
阅读全文
posted @ 2022-04-13 13:04
js基础理论
摘要：1.解释性语言：一整段一整段去执行所写的语言 2.javaScript的三大阶段 ecmascript DOM BOM 3.多线程与单线程的区别： 单线程：一个人操作一台电脑（js是单线程，还是讲点武德的 ） 多线程：不讲武德，手脚并用，一个人执行多台电脑 4.javascript的优缺点 优点：跨
阅读全文
posted @ 2022-03-01 12:50
css--transform变形以及注意事项
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- transform 变形（沿着哪个轴去移动） translate(位移) translate(200px,100px); X Y translateX(
阅读全文
posted @ 2022-02-22 19:01
css-transition过渡动画写法
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- transition-property 对哪个属性做改变 all（全部） transition-duration过渡时间端，分为毫秒/秒 transit
阅读全文
posted @ 2022-02-14 19:36
表单的数据传输
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 数据传输 action=行动，向哪里去 name="username"返回的值 method="get"(默认，不加密,一般用于查询) / "post"
阅读全文
posted @ 2022-02-11 19:41
html---input控件的使用以及美化扩展部分
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style> label .checkbox_input{ display: none; } label .checkbox_div{ width: 100px
阅读全文
posted @ 2022-02-11 19:27
html--meta渲染内容作用
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- meta作用（用于辅助信息，页面渲染内容） 描述： name="description"（描述） name="keywords"（针对关键字描述） na
阅读全文
posted @ 2022-02-11 19:24
html--语义化标签
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> 1.header 页眉（最顶部的盒子） 2.footer 页脚（最底部的盒子） 3.main 主体（中间的盒子） 4.hgroup 标题组合使用（一个盒子内有两个
阅读全文
posted @ 2022-02-11 19:14
link的使用（引入）
摘要：<!-- link作用（引入） --> <!-- 1.引入css --> <link rel="stylesheet" type="text/css" href="./css样式01.css"/> <!-- 2.引入小log --> <link rel="" href="http://www.mob
阅读全文
posted @ 2022-02-08 19:49
css-插入音频视频
摘要：<!-- 插入视频音频（以下方式不常用） --> <embed src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fc-ssl.duitang.com%2Fuploads%2Fitem%2F202003%2F14%2F20200314
阅读全文
posted @ 2022-02-08 19:18
css--针对图片某一个位置进行点击跳转
摘要：针对图片某一位置，进行点击 <img src="../11/大图.jpg" alt="" usemap="#star"> usemap="属性值" map name="属性值" shape=“rect”矩形 coords=位置，xy轴位置 如下： <img src="../11/大图.jpg" al
阅读全文
posted @ 2022-02-08 19:16
iframe框架
摘要：<!-- iframe （行内框架） 属性 src="链接地址" frameborder="边框样式" width/height="宽高" srcdoc="文本内容可以给文本内容加标签"如：srcdoc="<h1>hellow</h1> " 注意：srcdoc和src同时存在的情况下，只会保留一个s
阅读全文
posted @ 2022-02-07 12:46
html标签--总结大全
摘要：<strong>加粗：strong</strong> <b>加粗：B</b> <i>加粗，斜体</i> <span>加粗，斜体</span> <blockquote>引用大段段落解释</blockquote> <q>引用小段短语解释</q> <abbr title="111">缩写或首字母缩略图</
阅读全文
posted @ 2022-02-07 09:55
html和xhtml的区别
摘要：总结而已：xhtm比html写法更加严谨： 区别： 1.DOCTYPE文档以及编码 xtml： xhtml： 编码则很长 2.元素大小写 xtml支持元素大小写 xhtml不支持元素大写 3.属性布尔值 xtml可以只写值，不写属性 xhtml属性和值必须全部写入 4.属性引号 html：id等属性
阅读全文
posted @ 2022-02-07 09:44
css-添加省略号（twxt-overflow:ellipsis）/图标精灵(background)
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1.css添加省略号 1.让内容在一行展示 white-space:nowrap; 2.内容溢出隐藏 overflow=hidden 3.溢出内容添加省
阅读全文
posted @ 2022-01-17 12:41
html---定位position（固定，相对（relative），绝对（absolute））
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- position 属性值： 相对定位(relative) left right top bottom 1.使用相对定位后，不会脱离文档流。也就不会影响其
阅读全文
posted @ 2022-01-13 07:18
html--浮动（float）
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <!-- 1。只会影响后面的元素（当有三个盒子，给中间盒子设置浮动后，最后一个盒子往上浮动） 2.主要给块元素添加，也可以给内联元素添加（block（块），inl
阅读全文
posted @ 2022-01-11 21:37
