Html/Css
关注
分享
扫一扫
总结html 和 css相关问题
爱写代码的JIA
个人网站 sharpmind.tech 所知甚少，唯善学。个人承接网页、小程序开发项目。指导作业等，欢迎咨询 aicoder101
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
meta标签minimal-ui 、target-densitydpi属性
<meta id="viewport" name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0 minimal-ui"> iOS 7.1 的 Safari 中为 meta 标签新增 minimal-...原创 2019-01-12 18:48:51 · 1718 阅读 · 0 评论 -
html5 svg里text的文本颜色怎么改变颜色
html5中的svg是可缩放矢量图形（Scalable Vector Graphics），SVG 使用 XML 格式定义图像的。颜色的定义是用stroke属性，可以指定颜色值。定义svg：<html> <body> <h1>My first SVG</h1> <svg xmlns="http://...原创 2019-01-08 15:26:32 · 11165 阅读 · 1 评论 -
js获取窗口大小并监听窗口变化
demo: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&a原创 2018-12-16 21:19:57 · 14040 阅读 · 0 评论 -
原生js和jQuery获取元素的宽高比较
截图效果和盒子模型：在jQuery中，width()方法用于获得元素宽度；innerWidth()方法用于获得包括内边界（padding）的元素宽度；outerWidth()方法用于获得包括内边界(padding)和边框(border)的元素宽度；如果outerWidth()方法的参数为true则外边界(margin)也会被包括测试demo代码：<!DOCTYP...原创 2018-12-16 20:24:51 · 825 阅读 · 0 评论 -
鼠标移入div显示查看更多demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-12-19 22:53:26 · 1046 阅读 · 0 评论 -
html5 css reset (CSS重置)
body { font-size: 14px; //依据公司需求 font-family: 'Hiragino Sans GB','microsoft yahei'; }body,dd,dl,h1,h2,h3,h4,h5,h6,ol,p,ul { margin: 0}ol,ul { list-style: none; paddin...原创 2018-12-19 15:25:46 · 1417 阅读 · 0 评论 -
关于img父容器的高度会比img的高度多几像素的问题
产生原因简而言之：基线问题，div是块级标签，img是行内块元素，在块元素里默认有3px或者4px空白（其实就是和文本的基线对齐不管有没有文本）解决：1. 设置图片（推荐）display:block2.img { vertical-align:top; } 3. 设置父元素：（不推荐）font-size:04 为div定高并且设置（不推荐）...原创 2018-12-19 15:15:31 · 2316 阅读 · 2 评论 -
子元素的margin-top属性传递给父元素的问题
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-12-19 14:55:32 · 664 阅读 · 0 评论 -
常见前端问题汇总(1)
301重定向和302重定向的区别 http状态码301和302详解及区别——辛酸的探索之路 img 是不是DOM节点？ 轮播图3D效果：参考链接地址 ajax中post方法传参数，会丢失&,%,+'，要转义 ajax 设置Access-Control-Allow-Origin实现跨域访问 git拉取远程分支并创建本地分支 git回退到某个历史版本 git reset --...原创 2018-11-08 23:50:31 · 395 阅读 · 0 评论 -
CSS经典布局---自适应
思路：头部和底部采用绝对定位，中间部分采用绝对定位，其top、bottom值为头部和底部的快读，中间部分内容的左右采用相对定位（采用绝对定位，浮动失效），中间采用绝对定位，其right、left值为左右的宽度。代码：原创 2018-06-24 17:12:25 · 311 阅读 · 0 评论 -
移动端click事件延迟300ms问题（web页面点击没问题，手机端单击变成双击效果）
移动端300ms点击延迟和点击穿透问题详细原理参考https://www.jianshu.com/p/6e2b68a93c88（此文章内方法未测试，只参考原理）具体解决方案如下：（亲测有效）操作系统ubuntu18.4 64位因为历史原因，移动端点击事件会有300ms延迟，来判断用户是连续双击缩放还是点击跳转。即如果300ms内连续点击两次，则会理解为对页面进行缩放操作（当然前提是移动端页面设置为...原创 2018-06-20 18:46:55 · 1527 阅读 · 0 评论