canvas
123456789101112131415161718192021222324252627282930313233343536373839<canvas></canvas><script>var canvas = document.querySelector("canvas"); var cvs = canvas.getContext("2d”);canvas.width=document.documentElement.clientWidthcanvas.height=document.documentElement.clientHeight//画线cvs.beginPath();//1.开始路径cvs.strokeStyle = "pink"; cvs.lineWidth = 1;//2.设置样式 cvs.moveTo(0,0);//3.起始位置cvs.lineTo(50,50);//4.结束我位置cvs.closePath();cvs.stroke();//刻画路线//画圆 cvs.beginP ...
html基础入门（整理笔记）
h5的结构略
导入样式表的方式外部链接1<link rel="stylesheet" href="css/style.css">
href位置ref样式表风格type文档类型（可省）特点：加载速度快，结构与样式同时加载
外部导入样式表123<style> @import "css/style.css";</style>
特点：加载速度慢，先加载结构再加载样式
内嵌样式表1234<style> body {} h1 {}</style>
特点：没有真正实现结构与样式的分离
行内样式表1<h1 style="color: red;">标题</h1>
特点：有局限性
优先级：行内样式表 > 内嵌样式表 > 外部导入样式表 > 外部链接
W3C(world wide web consortium)万维网联盟创建于1994年，是web技术领域最具权威和影响的国际中立性 ...
高频面试题总结
HTML CSScss垂直居中
vertical-align: middle; display: inline-block(前提)
position: absolute; top: 50%; transform: translateY(-50%)
父元素：display: flex; 子元素： align-self: center; (align-self可以覆盖父容器align-item的属性)
响应式布局的实现方式和原理响应式布局就是让网站同时适配不同的手机和分辨率方式有：1.百分比布局：百分比布局是相对于父元素来说的，我们可以设置的属性有：margin padding width height，对于元素的font-size border是无法设置的。2.媒体查询：设置不同分辨率下的css样式从而适配不同的手机端。3.rem布局：根据html的font-size的大小设置每个元素的属性的大小是多少rem，通常需要先通过js动态改变html的font-size大小，或利用媒体查询先设置html的font-size大小。4.vw布局：css3引入的新单位，视口宽度是100vw，通 ...