wu_xiao_qing的博客

var drawing = document.getElementById("canvas");if(drawing.getContext){var context=drawing.getContext("2d");context.shadowOffsetX=5;context.shadowOffsetY=5;context.shadowBlur=4;context.sha

css继承性：作用：给父元素这只一些属性，子元素也可以使用注意点：并不是所有的属性都可以继承1只有以color、font -、text-、line开头的属性才可以继承2在css中，不仅仅儿子可以继承，后代都是可以继承的3继承中的特殊性1）a标签的文字颜色和下划线是不能继承的2）h标签的文字大小是不能继承的一般用于设置网页上的一些共性信息

keygen 元素的作用是提供一种验证用户的可靠方法。keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。目前，浏览器对此元素的糟糕的支持度不足以使其

datalist标签，作用是：给输入框绑定待选项请输入你的车型奔驰路虎

audio：播放音频格式:第二种格式属性跟video类似详情和概要标签。作用：解决空间问题格式：  概要信息详情信息

marquee标签：跑马灯的效果。滚动格式： 属性：direction:设置滚动方向;left/right/up/downscrollamount:滚动速度。loop：滚动次数，默认为-1，无限滚动behavior：设置滚动类型alternate滚动到边界就弹回,slide滚动到边界就停止这些标签被废弃，没有语义，是用来修改样式的，少用已经废弃的标签，要

规定文字样式：font-style:italic  默认为nomal规定文字粗细：font-weight  lighter细线，默认是细线文字大小：font-sizefont-family:"微软雅黑"文本装饰:text-decoration:underline//下划线overline上划线,line-through中划线，none是没有，可去掉超链接的下划线

绘制图像：Canvas元素，画布是一个矩形区域，您可以控制其每一像素。格式：canvas 元素本身是没有绘图能力的。所有的绘制工作必须在 JavaScript 内部完成：var c=document.getElementById("myCanvas");var cxt=c.getContext("2d");cxt.fillStyle="#FF0000";cxt.

提供了两种在客户端存储数据的新方法：localStorage - 没有时间限制的数据存储sessionStorage - 针对一个 session 的数据存储在 HTML5 中，数据不是由每个服务器请求传递的，而是只有在请求时使用数据。它使在不影响网站性能的情况下存储大量数据成为可能。对于不同的网站，数据存储于不同的区域，并且一个网站只能访问其自身的数据。HTML5 使用

后代选择器：作用：找到指定标签的左右后代标签，设置属性。格式：标签名称1  标签名称2子元素选择器格式。格式：标签名称1>标签名称2交集选择器：作用：给所有选择器选中的标签中，相交的那部分标签设置属性格式：选择器1选择器2并集选择器，格式：选择器1，选择器2兄弟选择器:选择器1+选择器2 //只能选中相邻的通用兄弟选择器，格式：选择器1~选择器2//不是相邻的也可以选中

rgb(0,0,0)格式中的第一个数字就是用来设置三原色的光源元件红色显示的亮度第二个数字就是用来设置三原色的光源元件绿色显示的亮度第三个数字就是用来设置三原色的光源元件蓝色显示的亮度这其中的每一个数字，它的取值是0-255之前，0代表不发光255代表发光，值越大就越亮红色：rgb(255,0,0)绿色：rgb(0,255,0)蓝色：rgb(0,0,255)

如何水平/垂直居中一个元素？1.1）若该元素是文本、图片等内联元素时，水平居中是通过给父元素设置text-align:center来实现的。1.2）若该元素是块状元素，又分为定宽块状元素和不定宽块状元素。   1.2.1）定宽块状元素       设置左右margin值为auto来实现居中的。       要实现水平垂直居中，可以设置父元素position: relative，

CSS3 弹性盒子(Flexible Box 或 Flexbox)，是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运行。对于许多应用程序，弹性盒子模型提供了对块模型的改进，因为它不使用浮动，flex容器的边缘也不会与其内容的边缘折叠。css3使用display:flex或这dispaly：inline-flex这样做将元素定义

https://www.sweet-kk.top/css-layout/#/?id=_6%E4%BD%BF%E7%94%A8grid%E5%AE%9E%E7%8E%B0-1

两列布局，一列定宽，另一列自适应１)float+margin2)flex#parent{ width: 100%; height: 500px; display: flex;}#left { width: 100px; background-color: #f00;}#right { flex: 1; /*均分了父元素剩余空间*/ background-co...

.pic2{ width: 4.375rem; background-position: -5.3125rem 0rem; background-image: url("../../image/exer_state.png"); background-repeat: no-repeat; width: 4.375rem; height: 1.875rem; ...

方法一：calc()如:方法二：父元素设为相对定位子元素设备绝对定位

层叠性：CSS处理冲突的一种能力层叠性只有在多个选择器选中同一个标签，然后又设置了相同的属性，才会发生层叠性。优先级判断1）是否直接选中（间接选中），直接选择优先级高，如果是间接选中，那么就是谁离目标标签近就听谁的。2）相同选择器时，写在后面的覆盖前面3）如果都是直接选中，并且不是相同类型的选择器，那么就会按照选择器的优先级来层叠id>类>标签>通配符>继承>浏览器默认

块级元素：独占一行，如果没有设置宽度，那么默认和父元素一样宽如果设置了宽高，那么久按照设置的来显示行内元素不会独占一行，如果没有设置宽度，那么默认和内容一样宽行内元素是不可以设置宽度和高度的行内块级元素为了能够让元素既不独占一行，也能设置高度和宽度，就出现了行内块级容器级标签：div h ul ol dl li dt dd  块级元素文本级标签：

div{  background-color: red;  width: 400px;  height: 200px;  border:2px solid #FCF;  padding:4px;  background: -webkit-gradient(linear,left top,left bottom,from(blue),to(red));  -webkit-

div{  background-color: red;  width: 400px;  height: 200px;  background: url(1.jpg) center no-repeat;  -webkit-transform-style:preserve-3d;  -webkit-animation-name:x-spin;  -webkit-anima

文字    p{    text-align: center;    font:bold 60px helvetica,arial,sans-serif;    color: #999;    text-shadow: 0.1em 0.1em #333;    }HTML5+CSS3

Auto值十字线默认Point值movemove

if(localStorage.pagecount) {localStorage.pagecount=Number(localStorage.pagecount)+1;}else{localStorage.pagecount=1;}document.write("总访问数:" + localStorage.pagecount);if(sessionStorage

播放 function toggle(){var music = document.getElementById("music");var toggle=document.getElementById("toggle");if(music.paused){music.play();toggle.innerHTML="暂停";}else{mus

文字排版     function  clearmap(){     context.clearRect(0,0,300,200);     }function draw(){var c=document.getElementById("canvas");var context = c.getContext("2d");   var

文字排版     function  clearmap(){     context.clearRect(0,0,300,200);     }function draw(){var c=document.getElementById("canvas");var context = c.getContext("2d");   var

文字排版     function  clearmap(){     context.clearRect(0,0,300,200);     }function draw(){var c=document.getElementById("canvas");var context = c.getContext("2d");    con

把一个按钮至于底部position:fixed;bottom:0px;

标准流(文档流/普通流)排版方式1.1浏览器默认的排版方式就是标准流的排版方式1.2在css中将元素分为三类，分别是块级元素/行内元素/行内块级元素1.3在标准流中有两种排版方式，一种是垂直排版，一种是水平排版垂直排版，如果元素是块级元素，那么就会垂直排版水平排版，如果元素是行内元素/行内块级元素，那么就会水平排版

文字排版* {margin:0;padding: 0;}body{background: #efefef;}div{margin:0 auto;box-sizing: border-box;width: 372px;height: 232px;border: 1px solid #666;padding:10px;}h1{

外边距：标签与标签之间的距离格式非连写：margin-topmargin-rightmargin-bottommargin-left连写margin:上 右 下 左注意：外边距的那一部分是没有背景颜色的在默认布局的垂直方向，默认情况下外边距是不会叠加的，会出现合并现象，谁的外边距比较大就听谁的

边框属性：border-width:上 右 下 左birder-style：上 右 下 左border-color:上 右 下 左border-top:边框的宽度 边框的样式 边框的颜色border-right:边框的宽度  边框的样式 边框的颜色border-bottom:边框的宽度  边框的样式 边框的颜色border-left:边框的宽度  边框的样式 边框的

flex-flow为flex-direction与flex-wrap的缩写默认为：flex-flow:row wrap;flex属性是flex-grow,flex-shrink和flex-basis的简写，默认值为0 1 auto。后两个属性可选。flex的详情https://blog.youkuaiyun.com/fengyjch/article/details/79047908...