随笔分类 -  html/html5

1 2 下一页
字符集和编码区别以及HTML/JS/CSS实体字符的表示
摘要：1.字符集/字符编码是什么？ 字符集或者说字符编码就是给字符定义了数值编号以及数值编号存储格式。 严格来说字符集和字符编码是两个概念： charset 是 character set 的简写，即字符集。 encoding 是 charset encoding 的简写，即字符集编码，简称编码。 字符集 阅读全文
posted @ 2022-05-28 01:48 假程序猿 阅读(1318) 评论(0) 推荐(2) 编辑
像素3（移动端web中适配之viewport）
摘要：简介原由： 因为移动设备屏幕比较小，前期分辨率也比较低， 那么桌面网页在手机完全显示就得缩放，太小导致看不清楚。 然后弄了个虚拟窗口（viewport），内容都在虚拟窗口显示， 屏幕容不下那么就滑动， 一个内容可能被分割在设备屏幕的右边和下边，滑动太不方便 于是将虚拟窗口设置成屏幕的大小，那么内容要 阅读全文
posted @ 2020-10-27 02:49 假程序猿 阅读(142) 评论(0) 推荐(0) 编辑
html5图表canvas和svg（矢量图和位图）
摘要：什么是矢量图？矢量图格式是什么？和位图又有什么区别？ 个人理解： 矢量图就是有具体描述图的组成结构的（点和线）特性（大小长度颜色等） 位图就是只是描述单个像素点的色彩，然后将所有像素点整合成一张图。 绘制图表主要分为canvas和svg方式。 SVG 指可伸缩矢量图形 (Scalable Vecto 阅读全文
posted @ 2020-09-13 22:23 假程序猿 阅读(974) 评论(0) 推荐(0) 编辑
width和height不是全局，在css中必须有单位
摘要：width和height不是全局，在css中使用必须有单位 虽然很多元素有width和height属性。 但他们不是全局，但他们不是全局，但他们不是全局！！！ 比如div中就不能直接用。必须放在style中。 并且 有该属性的元素，使用可以不用单位，默认是像素。（html5规定还必须像素） <inp 阅读全文
posted @ 2020-06-01 05:41 假程序猿 阅读(881) 评论(0) 推荐(0) 编辑
Display(显示) 与 Visibility（可见性） 和hidden（html5新增)
摘要：display属性设置一个元素应如何显示，visibility属性指定一个元素应可见还是隐藏。 隐藏元素 - display:none或visibility:hidden 隐藏一个元素可以通过把display属性设置为"none"， 或把visibility属性设置为"hidden"。 但是请注意， 阅读全文
posted @ 2020-06-01 05:15 假程序猿 阅读(1056) 评论(0) 推荐(0) 编辑
table标签中不能直接插入div、span等标签
摘要：table标签中不能直接插入div、span等标签，插入也没有效果。 也不能在tr中插入，但可以在td中插入。 虽然可以使用js选取tr然后追加div， 既然常规原则上不能显示， 最好还是不在table中直接插入div。 阅读全文
posted @ 2020-06-01 04:04 假程序猿 阅读(1629) 评论(0) 推荐(0) 编辑
标签不显示某个方向的滚动条（iframe）
摘要：显示或者隐藏滚动条可以直接使用scrolling scrolling： yes|no|auto （<iframe> 在 HTML5 不支持这属性。） 如果想只显示某一个方向的滚动条： 思路：用父元素遮盖隐藏的方式实现。 默认父元素是不遮盖超出部分。 可以使用overflow属性遮盖所有超出的部分。 阅读全文
posted @ 2020-05-30 03:19 假程序猿 阅读(455) 评论(0) 推荐(0) 编辑
HTML5标准事件oninput、onchange和IE专属的事件properchange。
摘要：HTML5标准事件oninput、onchange和IE专属的事件properchange。 动态监听输入框值的变化， 当使用onkeydown、onkeypress、onkeyup作为监听事件时， 会发现一些复制粘贴等操作用不了， 同时，在处理组合快键键的时候也很麻烦。 这时候我们需要更专业的解决 阅读全文
posted @ 2020-05-13 03:16 假程序猿 阅读(635) 评论(0) 推荐(0) 编辑
User-agent总是有Mozilla的故事
摘要：User-agent总是有Mozilla的故事 你是否好奇标识浏览器身份的User-Agent，为什么每个浏览器都有Mozilla字样？ Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome 阅读全文
posted @ 2019-07-25 20:50 假程序猿 阅读(252) 评论(0) 推荐(0) 编辑
超详细的rem+vw移动端屏幕适配方案
摘要：超详细的rem+vw移动端屏幕适配方案 深度解析使用CSS单位px、em、rem、vh、vw、vmin、vmax实现页面布局 你不知道的CSS（单位篇） 视区相关单位vw, vh..简介以及可实际应用场景 阅读全文
posted @ 2019-07-22 03:21 假程序猿 阅读(2745) 评论(0) 推荐(0) 编辑
让网页的宽度自动适应手机屏幕的宽度（viewport）
摘要：1，在网页的<head>中增加一个meta标签： <meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes 阅读全文
posted @ 2019-07-22 00:23 假程序猿 阅读(9757) 评论(0) 推荐(0) 编辑
行级元素和块级元素的差异是什么
摘要：块元素和行内元素 1，常见块元素 块元素特点： 2，常见行内元素 行内元素特点： 特别注意： 3，行内元素和块级元素转换方式 4，浅谈block, inline和inline-block的区别 阅读全文
posted @ 2019-07-17 00:37 假程序猿 阅读(801) 评论(0) 推荐(0) 编辑
height:100%和height:auto的区别
摘要：height:auto，是指根据块内内容自动调节高度。height:100%，是指其相对父块高度而定义的高度，也就是按照离它最近且有定义高度的父层的高度来定义高度。 阅读全文
posted @ 2019-07-11 14:31 假程序猿 阅读(11733) 评论(0) 推荐(3) 编辑
CSS 文字垂直居中
摘要：CSS 文字垂直居中 阅读全文
posted @ 2019-07-09 21:45 假程序猿 阅读(124) 评论(0) 推荐(0) 编辑
设置div背景透明两种方法
摘要：设置div背景透明两种方法 阅读全文
posted @ 2019-07-08 22:41 假程序猿 阅读(7706) 评论(0) 推荐(0) 编辑
ul列表项li的内容有h1/p标签列表项存在间隔
摘要：ul列表项li的内容有h1/p标签列表项存在间隔 通过设置消除间隔如下： 效果如下： 阅读全文
posted @ 2019-07-06 23:00 假程序猿 阅读(502) 评论(0) 推荐(0) 编辑
CSS——background-size实现图片自适应
摘要：CSS——background-size实现图片自适应 阅读全文
posted @ 2019-07-06 22:14 假程序猿 阅读(417) 评论(0) 推荐(0) 编辑
块级元素在同一行展示的方法
摘要：块级元素在同一行展示的方法 阅读全文
posted @ 2019-07-06 22:14 假程序猿 阅读(954) 评论(0) 推荐(0) 编辑
js使图片水平方向重复移动
摘要：参考： JS实现图片自动滚动(图片横向滚动) html: css: js: 补充： offsetLeft与style.left的区别 JS中的位置和宽度：clientWidth、offsetWidth、scrollWidth等区别 原生js—offsetWidth、screenWidth、clien 阅读全文
posted @ 2019-07-05 03:49 假程序猿 阅读(1251) 评论(0) 推荐(0) 编辑
html的div位置特性的总结（float/position/x-index)
摘要：1，div的设置height和width是其内容的理论大小 .html <div id="d1">我是第一</div> <div id="d2"> <div id="d3">我是第三（第二的子）</div> <div id="d4">我是第四（第二的子）</div> <div id="d5">我是第 阅读全文
posted @ 2019-07-04 11:30 假程序猿 阅读(6165) 评论(0) 推荐(0) 编辑

1 2 下一页
点击右上角即可分享
微信分享提示