HTML+CSS
__Zoe__
Time will tell.
展开
-
CSS单位px、em、rem、vh、vw、vmin、vmax
1、px:相对长度单位。像素px是相对于显示器屏幕分辨率而言的。2、em:相对长度单位。相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被人为设置,则相对于浏览器的默认字体尺寸。3、rem:相对长度单位。r’是“root”的缩写,相对于根元素的字体大小图示:4、vh and vw:相对于视口的高度和宽度,而不是父元素的(CSS百分比是相对于包含它的最近的父元素的高度和宽度)同屏幕等高的框:.slide { height: 100vh }与屏幕同宽的标题,h1{ font-size转载 2020-11-03 15:25:54 · 247 阅读 · 0 评论 -
JavaScript增加节点和删除DOM节点
效果图(点新增,input框增加):html代码:<div class="content" id="factoryName" style="width:35%"> <div style="width:100%;display: inline-block; margin-right: 30px;"> <input style="width: 80%;margin-bottom: 10px;margin-right: 10px;" class="num_test r原创 2020-10-21 22:20:45 · 171 阅读 · 0 评论 -
渲染模式 - 标准模式(standards mode) 和 兼容模式(quriks mode)
标准模式与怪异模式产生原因在W3C标准出台以前,浏览器在对页面的渲染上没有统一规范,产生了差异(Quirks mode或者称为Compatibility Mode);由于W3C标准的推出,浏览器渲染页面有了统一的标准(CSScompat或称为Strict mode也有叫做Standars mode)。渲染模式浏览器会通过识别DTD(document type definition 文档类型定义)而采用相对应的渲染模式浏览器解析HTML方式兼容模式(混杂模式、怪异模式):quriks mo原创 2020-06-21 14:48:03 · 1813 阅读 · 0 评论 -
Canvas 元素绘制矩形
使用 canvas 元素,必须先设置 width 和 height 属性,指定可以绘图的区域大小。要在这块画布上绘图,需要取得绘图上下文。而取得绘图上下文对象的引用,需要调用 getContext() 方法并传入上下文的名字。传入“2d”,就可以取得2D上下文对象。与矩形相关的方法包括:fillRect()、strokeRect()、clearRect()。这三个方法都能接收 4 个参数:矩形...原创 2019-09-23 11:37:48 · 138 阅读 · 0 评论 -
canvas绘制钟表
要绘制路径,首先必须调用 beginPath() 方法,表示要开始绘制新路径。<html> <body> <canvas id="drawing" width="500" height="500">Is drawing of something</canvas> <script> var drawing...原创 2019-09-23 16:23:35 · 150 阅读 · 1 评论 -
html布局方式
① HTML三种布局方式标准流、定位(position)、浮动(float)② 定位和浮动是脱离标准流的布局方式。原创 2019-08-28 14:55:01 · 195 阅读 · 0 评论 -
CSS中的position定位
html可以分为两大元素1、块级元素(div、h1-h6标题、有序无序列表「ol、ul、li」、table表格、p段落、···)区别:独占一行。2、内联元素(a超链接、span文字、img图片、input控件)区别:内联元素和相邻内联元素在同一行,如果一行内宽度不够时才会被挤到另一行去。这两种元素的排列方式呢,是在没有特殊属性的干扰下,在正常的标准流中所表现出来的正常。position...原创 2019-08-28 14:55:55 · 99 阅读 · 0 评论 -
html标签顺序规则
<html>是在最外层,<html>下一级里面只会有<head>、<body>、<frameset>、<noframes>,而我们已经知道了可视的元素只会出现在<body>里,所以我们把<body>划在第一个级里面,接着,把不可以自由嵌套的元素划在第三个级,其他的就归进第二个级。所谓的不可自由嵌...转载 2019-08-22 10:53:09 · 2006 阅读 · 0 评论 -
2019前端学习路线图
原文链接:https://blog.csdn.net/qq_28073073/article/details/86622197转载 2019-07-16 15:24:53 · 96 阅读 · 0 评论 -
css只显示1行,超出显示... 和 -webkit-box-orient编译后消失问题
overflow:hidden !important;white-space: nowrap !important;text-overflow: ellipsis !important;word-wrap: normal !important;原创 2019-06-26 16:41:55 · 747 阅读 · 0 评论 -
div的可编辑性contenteditable
给 div 增加 contenteditable 属性<div id="content" contenteditable="true"></div>原创 2019-06-20 13:21:41 · 296 阅读 · 0 评论