Tsunami黄嵩粟 - 博客园

2020年11月8日

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-11-08 13:33 Tsunami黄嵩粟阅读(194) 评论(0) 推荐(0)

2020年11月4日

JavaScript语法形式3 外链式

摘要：定义 script 标签,在 script 标签中,通过src属性导入外部js文件,并且加载执行外部js文件中国的程序代码内容因为代码执行顺序问题,一般定义 script 标签在 body标签内容的最下方如果 script 标签带有 src 属性,那么就只会执行外部式写在 script 标阅读全文

posted @ 2020-11-04 00:54 Tsunami黄嵩粟阅读(1688) 评论(0) 推荐(0)

JavaScript语法形式2 内部式

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-11-04 00:48 Tsunami黄嵩粟阅读(98) 评论(0) 推荐(0)

2020年11月3日

JavaScript语法形式1行内式

摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document< 阅读全文

posted @ 2020-11-03 23:46 Tsunami黄嵩粟阅读(686) 评论(0) 推荐(0)

初入JavaScript

摘要： js是轻量级弱类型脚本语言 html是超文本标记语言脚本语言和标记语言的主要区别标记语言，可以通过浏览器直接执行脚本语言，必须要通过编译，浏览器内核的编译，才能正常运行简单理解，脚本语言必须有个翻译器，将脚本语言，直接翻译成浏览器等可以识别的语言，才能正常运行轻量级，意味着语言难度阅读全文

posted @ 2020-11-03 23:39 Tsunami黄嵩粟阅读(91) 评论(0) 推荐(0)

2020年10月25日

图片整合

摘要：精灵图雪碧图 css sprite css精灵优点： 1、降低服务端的压力，减少请求次数 2、降低图片质量，提高还在速度图片整合的规则 1、一定要是小图标 2、整合的图片背景色必须透明png/gif 3、里面的小图标尽量上下排列每个小图标根据需求留出足够的空间 background-posi 阅读全文

posted @ 2020-10-25 03:11 Tsunami黄嵩粟阅读(181) 评论(0) 推荐(0)

弹性盒模型多列媒体查询

摘要：弹性盒子：作用：弹性盒子控制子元素的布局方法（不包括孙子辈）特点： a，弹性盒子默认情况下，子元素沿着主轴排列，默认情况下x轴为主轴 b，弹性盒子的子元素，称作‘灵活元素’所有的子元素都能设置宽高 c，如果一个子元素在弹性盒里面左右上下居中只需要给子元素添加margin： 0 auto； 1、触阅读全文

posted @ 2020-10-25 01:59 Tsunami黄嵩粟阅读(137) 评论(0) 推荐(0)

2020年10月18日

css3颜色模式圆角的实现 width的属性值触发怪异盒模型

摘要： Css颜色模式： rgb（255,0,0） rgba（255,0,0,0.5）（0.5是透明度） hsl（58%，56%）色彩饱和度 hala（） border-image url（路径）向内偏移的量二个值（不加单位）显示状态：repeat round（铺满）默认：stretch（拉伸）中阅读全文

posted @ 2020-10-18 16:30 Tsunami黄嵩粟阅读(133) 评论(0) 推荐(0)

属性选择符伪类选择符层级选择器阴影文本换行处理背景图

摘要：属性选择符：选择符的目的：选择标签对标签做css样式渲染通过html属性，对html标签做选择 1，选择符[属性]{css样式} 说明：只要带有当前属性就会被选中 2，选择符[属性：”属性值”]{css样式} 说明：指定属性名也必须指定属性值则匹配成功 3，选择符[属性~=”属性值”]{属性值} 阅读全文

posted @ 2020-10-18 16:08 Tsunami黄嵩粟阅读(135) 评论(0) 推荐(0)

2020年10月11日

语义化结构标签多媒体标签 H5新增表单内容

摘要：语义化结构标签： section 更偏向于一个区域类似div（块） article 更偏向于显示内容（块） aside 标签作为article呢绒的辅助板块（块） header 标签做为一个网页头部，或者板块头部（块） footer 标签做为一个网页底部或板块底部（块） nav 标签做为一个网页导航阅读全文

posted @ 2020-10-11 17:13 Tsunami黄嵩粟阅读(133) 评论(0) 推荐(0)