html/css
文章平均质量分 71
阿渡渡渡渡渡渡
这个作者很懒,什么都没留下…
展开
-
一个特别的标签--marquee
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-- marqu原创 2020-08-09 23:23:31 · 133 阅读 · 0 评论 -
Grid网格布局--基本信息(1)
全程注释,全靠动手1:容器(container) 和 项目(item)2:行(row),列(column),单元格(cell)3:网格线(grid line)<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title&原创 2020-07-10 11:03:43 · 149 阅读 · 0 评论 -
css3兼容性前缀
原创 2020-07-02 23:40:53 · 154 阅读 · 0 评论 -
html5 -- Web 存储 localStorage和sessionStorage
分成了六段,结合注释,依次解开注释尝试,敲敲就理解了<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title></title></head><body> <script> // 存一个数据 // localStorage.setItem('name','zhangsan');原创 2020-06-23 17:13:14 · 143 阅读 · 0 评论 -
HTML5--Web存储小demo
利用 localStorage 实现本地存储即时显示:一个页面编辑,另一个页面即时的显示你编辑的啥首先-编辑区<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>编辑区</ti原创 2020-06-23 17:06:50 · 114 阅读 · 0 评论 -
html5 -- 拖放
首先,先了解一下拖放事件,运行以下代码,并结合控制台,你可以理解拖、放事件。<!DOCTYPE HTML><html><head> <style type="text/css"> #div1 { width: 530px; height: 300px; padding: 10px; border: 1px solid #aaaaaa;原创 2020-06-08 17:20:44 · 89 阅读 · 0 评论 -
文字环绕效果
<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <meta name=原创 2020-06-08 12:36:48 · 288 阅读 · 0 评论 -
单行(多行)文字溢出以省略号显示
首先看单行<!DOCTYPE html><html class="no-js"><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <meta name="description" content=""> <met原创 2020-06-08 11:36:40 · 596 阅读 · 0 评论