摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <!-- 可以将js代码编写到外部js文件中，然后通过script标签引入 写到外部文件中可以在不同的页面中同时引用，也可以利用到浏览器的缓存机制 推荐使用的方式
阅读全文
posted @ 2021-08-22 14:20
leiyanting
阅读(69)
推荐(0)
摘要：
<!--JS代码需要编写到script标签中--> <script type="text/javascript"> /* * 控制浏览器弹出一个警告框 * alert("Hello World"); */ /* * 让计算机在页面中输出一个内容 * document.write()可以向body中输
阅读全文
posted @ 2021-08-22 11:55
leiyanting
阅读(160)
推荐(0)
摘要：
网页中字体大小最小是12px，不能设置一个比12像素还小的字体 如果我们设置了一个小于12px的字体，则字体自动设置为12 0.1333333vw = 1px 5.3333vw = 40px rem就是通过html中的 font-size的大小来决定的 代码: // psd设计图的像素宽度 @sj-
阅读全文
posted @ 2021-08-20 11:05
leiyanting
阅读(77)
推荐(0)
摘要：
不同的设备完美视口的大小是不一样的 iphone6 -- 375 iphone6plus -- 414 由于不同设备视口和像素比不同，所以同样的375个像素在不同的设备下意义是不一样， 比如在iphone6中 375就是全屏，而到了plus中375就会缺一块 所以在移动端开发时，就不能再使用px来进
阅读全文
posted @ 2021-08-19 07:53
leiyanting
阅读(383)
推荐(0)
摘要：
autio 标签用来向页面中引入一个音频文件 音频文件引入时默认情况下不允许用户自己控制播放停止 属性: controls 是佛允许用户控制播放 autoplay 音效文件是否自动播放 如果设置了autoplay,则音乐在打开页面时会自动播放 但是目前来讲大部分浏览器不会自动对音乐自动播放 vide
阅读全文
posted @ 2021-07-14 16:00
leiyanting
阅读(273)
推荐(0)
摘要：
媒体类型 all 所有媒体 braille 盲文触觉设备 embossed 盲文打印机 print 手持设备 projection 打印预览 screen 彩色屏幕 speech “听觉”类似的媒体设备 tty 不适用像素的设备 tv 电视 媒体特性 min-width：分辨率宽度大于设置值的时候识
阅读全文
posted @ 2021-07-13 16:50
leiyanting
阅读(552)
推荐(0)
摘要：
超小屏幕手机 (<768px)小屏幕平板 (≥768px)中等屏幕桌面 (≥992px)大屏幕桌面 (≥1200px) .visible-xs-* 可见 隐藏 隐藏 隐藏 .visible-sm-* 隐藏 可见 隐藏 隐藏 .visible-md-* 隐藏 隐藏 可见 隐藏 .visible-lg-
阅读全文
posted @ 2021-07-12 15:37
leiyanting
阅读(58)
推荐(0)
摘要：
Bootstrap的栅格源码 1.固定和流体容器的公共样式 // 固定和流体容器的公共样式 //@grid-gutter-widt：槽宽 .container-fixed(@gutter: @grid-gutter-width) { // margin-right: auto; margin-lef
阅读全文
posted @ 2021-07-12 12:52
leiyanting
阅读(91)
推荐(0)
摘要：
LESS less编译工具 koala 官网:www.koala-app.com less中的注释 以//开头的注释，不会被编译到css文件中 以/**/包裹的注释会被编译到css文件中 less中的变量 使用@来申明一个变量 语法： @变量名 作为普通属性值只来使用: 直接使用@pink 语法:
阅读全文
posted @ 2021-07-11 11:34
leiyanting
阅读(80)
推荐(0)
摘要：
column-width指定每一栏的宽度（这是多列布局的第一种分法） column-count指定要多少栏（这是多列布局的第二种分法） column-gap栏目间的距离 column-rule栏目间隔线 <!DOCTYPE html> <html> <head> <meta charset="utf
阅读全文
posted @ 2021-07-10 13:08
leiyanting
阅读(65)
推荐(0)
浙公网安备 33010602011771号