web | 锦方的个人网页

2017-10-22 css 扩散列表 <html> <style> /*重置样式*/ ol,ul,li{margin:0; padding:0;} li{list-style: none;} body{margin: 0;font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif;} /*外层布

2017-10-19 JavaScript获取浏览器使用的语言 ``js var language = navigator.language || navigator.browserLanguage; //下面的暂时不懂 if (language.indexOf('zh-cn') > -1) { language = "cn"; } else if (language.indexO

2017-10-17 两个练习 https://codepen.io/yt/full/PJxrxv/ https://codepen.io/yt/full/KXrERd/

2017-10-13 css RWD 设置窗口 ``html <meta name="viewport" content="width=device-width,initial-scale=1.0"> ` width=device-width部分设置页面的宽度以遵循设备的屏幕宽度（这将随设备而异）。 initial-scale=1.0当页面首先由浏览器加载

2017-10-12 css 图片 <html> <head> <style> /*---1------------------------------------------- 通用 -------------------------------------------------*/ div.gallery{ border: 1px solid #c

2017-10-11 css 提示 <html> <head> <style> /*---1------------------------------------------- 通用 -------------------------------------------------*/ .tooltip{ position: relative; dis

2017-10-10 css 下拉 <html> <head> <style> /*---1------------------------------------------- 这里是下拉文字的 -------------------------------------------------*/ .dropdown{ position: relati

2017-10-08 css 表单 <html> <head> <style> input[type=text]{ width:50%; padding:12px 20px; margin:8px 0; box-sizing:border-box; border:3px solid #ccc; -webkit-transition:0.5s; outli

2017-10-07 css 导航栏下拉需要注意ul里的溢出. 也可以用按钮来做下拉. ``html <!doctype html> <html> <head> <style> ul{ list-style-type:none; margin-top:0; margin-left:20%; padding:0; overflow:visible; bac

2017-10-06 css 单词整体 background 背景 none 不定义 style 样式 hidden 隐藏 visibility 能见度 display 显示 block 块 attribute 属性 repeat 重复 hue 色调 saturation 饱和度 lightness 亮度 gradient 坡度(用于渐变) skew

2017-10-03 HTML SVG SVG预定义形状 Rectangle <rect> Circle <circle> Ellipse <ellipse> Line <line> Polyline <polyline> Polygon <polygon> Path <path> <b>SVG在线编辑器:</b> https://c.runoob.com/

2017-10-02 HTML Canvas Canvas 绘制一个画布: ``html <canvas id="Canvas1" width="200" height="100" style="border:1px solid #000000;"> ` 在画布中创建线条: `java <script> var canvas = document.getEleme

2017-10-01 HTML 媒体 HTML音频和视频参考: https://www.w3schools.com/tags/ref_av_dom.asp 使用格式: ``html <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <sou

2017-09-17 HTML input 参考于: http://www.w3school.com.cn/tags/tag_input.asp http://www.w3school.com.cn/tags/att_input_type.asp http://www.w3school.com.cn/html5/html_5_form_input_types.a

2017-09-16 HTML 结构 article article元素代表文档、页面或应用程序中独立的、完整的、可以独自被外部引用的内容。 article元素也可以用来表示插件，它的作用是使插件看起来好像内嵌在页面中一样。 ``html <article> <header> <h1>可以有标题</h1> <p>内容1</p> <header> <p>内容

2017-09-07 学习JavaScript笔记「4」图像涉及html: `` 标签属性意义 img 其中包含描述浏览器要显示的图像的属性 src 包含图像的URL，这个URL是相对于网页的URL来说的 width 包含浏览器显示图像所用的宽度（以像素为单位） height 包含浏览器显示图像所用的高度（以像素为单位） alt 用来在非图形化浏览器中替代图像

2017-09-05 学习JavaScript笔记「3」循环进行重复操作 html代码： ``html <!DOCTYPE html> <html> <head> <title>Make Your Own Bingo Card</title> <link rel="stylesheet" href="script01.css"> <script src="script01.

2017-08-26 学习JavaScript笔记「2」函数函数由单词function加上函数名组成。函数名后面是圆括号，再后面是左花括号。组成函数内容的语句出现在后面的行上，然后用右花括号结束这个函数。 ``js function saySomething() { alert("Four score and seven years ago"); } ` 外部脚本这些外

2017-08-25 学习JavaScript笔记「1」事件处理程序事件（event）是用户在访问页面时执行的操作。提交表单和在图像上移动鼠标就是两种事件。 `` 事件它处理什么 onabort 用户终止了页面的加载 onblur 用户离开了对象 onchange 用户修改了对象 onclick 用户单击了对象 onerror 脚本遇到了一个错误 onfocus 用户

2017-07-03 微信小程序开发日志「4」 #微信小程序开发日志(7-3) github:https://github.com/xyt571/Applet-No-end 视图：

2017-07-02 微信小程序开发日志「3」微信小程序开发日志(7-2) icon  <icon type="success" size="40"/>  <icon type="safe_success" size="40"/>  <icon type="info" size="40"

2017-07-01 微信小程序开发日志「2」微信小程序开发日志(7-1) 今天写了tabBar、swiper tabBar不显示解决方法： https://my.oschina.net/u/2943323/blog/756043 自定义轮播图swiper dots默认样式： http://www.wxapp-union.com/forum.php?mod=vie

2017-06-30 微信小程序开发日志「1」微信小程序开发日志(6-29) 安装IDE 原地址(https://github.com/cytle/wechat_web_devtools) `` git clone [email protected]：cytle / wechat_web_devtools.git cd wechat_web_devtools ./bin

标签: web

2017