mdn学习
sanjiaowuhuan
这个作者很懒,什么都没留下…
展开
-
json注意
parse接收一个json字符串,返回对应js对象stringify接收js对象,返回匹配得json字符串格式var myJSON = { "name": "Chris", "age": "38" };myJSON/* output:Object { name: "Chris", age: "38" }*/var myString = JSON.stringify(myJSO...原创 2019-11-12 05:36:05 · 108 阅读 · 2 评论 -
mdn-css学习组织css的五个资源
oocssbem原创 2019-10-23 14:22:26 · 119 阅读 · 0 评论 -
mdn-css guidelines
mdn的css指南原创 2019-10-23 13:55:12 · 94 阅读 · 0 评论 -
mdn-writing-mode and overflow
horizontal-tbvertical-rlvertical-lr原创 2019-10-17 16:13:12 · 124 阅读 · 0 评论 -
mdn-背景和边界
backgroundbackground-colorbackground-image图片在颜色之上background-repeatbackground-sizecover:覆盖contain:包含background-positionbackground-position-xbackground-position-ygradientgradi...原创 2019-10-17 15:29:25 · 375 阅读 · 0 评论 -
mdn-css选择器
selector lists选择器用逗号分隔换行更易读只要有一个错,就全都不生效选择器类型标签选择器全选选择器(*),让代码更易读article *:first-child {}类选择器(class)id选择器属性选择器子串匹配选择器大小写不敏感,在闭合括号的前面加ili[class^="a" i] { color: red;}伪类选...原创 2019-10-16 15:57:52 · 325 阅读 · 0 评论 -
mdn-css冲突规则
冲突规则层叠重要程度!important 覆盖普通规则优先级资源顺序优先级千位: 如果声明在 style 的属性(内联样式)则该位得一分。这样的声明没有选择器,所以它得分总是1000。百位: 选择器中包含ID选择器则该位得一分。十位: 选择器中包含类选择器、属性选择器或者伪类则该位得一分。个位:选择器中包含元素、伪元素选择器则该位得一分。继承width, ...原创 2019-10-15 17:21:08 · 93 阅读 · 0 评论 -
mdn-web字体
web字体语法@font-face {font-family:"myFont";src:url("myFont.ttf");}html{font-family:"myFont", serif;}字体格式woff:web open font formatotf:open type fontsttf:true type fonts查找字体免费:font squi...原创 2019-10-15 15:28:57 · 125 阅读 · 0 评论 -
mdn-样式化链接
链接状态link:没有访问过的,默认状态(:link)visited:访问过(:visited)hover:鼠标光标停留(:hover)focus:链接被选中(:focus)active:链接被激活(点击)(:active)这个顺序是重要的,因为链接的样式是建立在另一个样式之上的,比如第一个规则的样式会应用到所有后续的样式,如果当一个链接被激活 (activated) 的时候,它...原创 2019-10-15 14:37:34 · 345 阅读 · 0 评论 -
mdn-样式列表
处理列表间距 /* General styles */ /*设置一个网站字体,基准字体大小为10px*/ html { font-family: Helvetica, Arial, sans-serif; font-size: 10px; } h2 { font-size: 2rem; ...原创 2019-10-14 17:44:55 · 256 阅读 · 0 评论 -
mdn-文字样式化
css基本文本和文字样式样式文本的css属性字体样式文本布局风格元素中的文本是一个单一的实体颜色前景色:color字体种类 font-familydefault fontserif-有衬线的字体sans-serif-无衬线的字体monospace-字符宽度相同网页安全字体-cssfontstack.com字体栈font-family: “Tre...原创 2019-10-14 16:50:40 · 453 阅读 · 0 评论 -
表单校验
requiredpattern限制字段的长度maxlengthminlength自定义错误信息<body><form> <label for="mail">I would like you to provide me an e-mail</label> <input type="email" id="mail"...原创 2019-09-30 17:13:12 · 244 阅读 · 0 评论 -
表单部件
通用属性属性名称描述atuofocus页面加载时自动具有输入焦点disabled失效,用户不能交互name元素名称,跟表单数据提交,参数中的keyvalue元素的初始值,参数中的value文本输入框readonly:只读placeholder:占位符,描述输入的最大字符数单行文本框E-mail地址框multiple:多个地址以逗号...原创 2019-09-30 14:52:38 · 97 阅读 · 0 评论 -
表单结构
每当您有一组单选按钮时,您应该将它们嵌套在元素中。原创 2019-09-30 11:23:54 · 293 阅读 · 0 评论 -
表格结构模板
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Planets data</title> <link href="minimal-table.css" rel="stylesheet" type="text/css">...原创 2019-09-30 10:06:38 · 206 阅读 · 0 评论 -
用户体验
杂志中有很好的关于表单用户体验的文章,或许其中最重要的应该是他们的Extensive Guide To Web Form Usability.UXMatters 也是一个非常有思想的资源,从基本的最佳实践到复杂的问题如多页表单,都有很好的建议。...原创 2019-09-30 10:22:00 · 69 阅读 · 0 评论