HTML+CSS
文章平均质量分 56
jinxi1112
这个作者很懒,什么都没留下…
展开
-
理解canvas中的save()和restore()
绘图过程中如果只想对部分图形执行某操作,将该图形的绘制过程使用save()和restore()包裹起来,后续其它元素的绘制将不受影响。原创 2022-02-28 15:07:00 · 328 阅读 · 0 评论 -
html+css命名规范(SEO优化)
一、HTML1、采用HTML5结构标签(1)header:某个区块的头部信息/标题;(2)hgroup:头部信息/标题的补充内容;(3)nav:导航条部分信息(4)section:独立内容区块,可以用h1~h6组成大纲,表示文档结构,也可以有章节、页眉、页脚或页眉的其他部分;(5)article:特殊独立区块,表示这篇页眉中的核心内容;(6)aside:标签内容之外与标签内容相关的辅助信息;(7)figure:独立的单元,例如某个有图片与内容的新闻块。(8)footer原创 2021-11-15 10:34:58 · 294 阅读 · 0 评论 -
textarea高度随文字增多变化高度
function MaxMe(o) { o.style.height = o.scrollTop + o.scrollHeight + "px"; }转载 2016-09-24 17:53:34 · 2661 阅读 · 0 评论 -
前端兼容性IE8相关问题
1.透明度 opacity: 0.4; filter: alpha(opacity=40); //IE2.ie8不识别HTML5标签:head标签里面加入下面代码:同时css加入:header,nav,article,section,aside,footer{display:block;}html5.js下载地址:http://pan.ba原创 2016-12-16 15:07:22 · 1256 阅读 · 0 评论 -
js判断微信浏览器登录
var ua = window.navigator.userAgent.toLowerCase(); if (ua.match(/MicroMessenger/i) == 'micromessenger') { //微信登录 }原创 2017-11-27 11:25:18 · 913 阅读 · 0 评论 -
ios端页面滚动出现卡顿的原因之一
如果给body或html设置了高度100%,ios端会出现图片滑动卡顿,将height去掉就好了body{ /*height:100%;*/}html{ /*height:100%;*/}原创 2017-10-12 11:39:18 · 1549 阅读 · 0 评论 -
html 鼠标滚轮滑动切屏效果
1. html格式 2. 必要的css样式html,body{ height: 100%; overflow: hidden;}#container{ height: 100%; position: relative;}#container,.section{ height: 100%; position: relative;原创 2017-10-19 11:24:11 · 4005 阅读 · 0 评论 -
图片作为背景的相关方法
1.图片作为背景:(1)当图片作为背景的时候可以用background-size:100% 100%; 设置百分比使图片自适应大小。(2)background-origin:content-box可以设置背景图片的起始位置得到下面的效果。2.图片hover效果:.divimg{ transition:all 0.5s} .div:hover img{ transform:原创 2016-09-29 16:16:50 · 830 阅读 · 0 评论 -
div模拟textarea文本域及高度自适应
使用很简单,一个普通的block元素上加个contenteditable="true"就ok了,如下:用法 .test_box { width: 400px; min-height: 120px; max-height: 300px;}一些注意与说明1、 现代浏览器如Firefox在可编辑模式下的div获取焦点的时候会有虚框,而实际上te转载 2016-09-13 10:41:45 · 2286 阅读 · 0 评论 -
css设置特殊字体
仅限英文字体:主流浏览器都能很好地支持@font-face,但对于嵌入的字体文件的识别,却是各有各的喜好。所以在写@font-face语句之前,需要获取要使用字体的四种文件格式,确保能在主流浏览器中都能正常显示该字体。.TTF或.OTF,适用于Firefox 、Safari、Opera.EOT,适用于Internet Explorer 4.0+.SVG,适用于Chrome、IPho转载 2016-09-07 11:48:22 · 2181 阅读 · 0 评论 -
css3更改radio的颜色和样式
<label for="radio">几个关键点:(1)设置input的opacity为0。(2)在input后面添加一个label,for属性绑定input的id。(3)在label中加入两个标签,内部标签负责checked样式,外部负责未选中样式边框。然后在css中修改想要的样式就可以了,样式类似这个样纸。原创 2016-09-29 16:14:26 · 30627 阅读 · 1 评论 -
多行多余文字省略号
//css样式用在紧靠文字的外层标签才管用html lang="en">head> meta charset="UTF-8"> title>Documenttitle>head>style> .comment_inner{ width: 200px; word-break: break-a转载 2016-09-07 10:39:54 · 590 阅读 · 0 评论 -
css3给文字添加渐变色
html:h2 class="text-gradient">天赐美妞h2>css:.text-gradient { display: inline-block; color: green; font-size: 10em; ont-family: ´微软雅黑´; backgro转载 2016-09-07 10:42:10 · 1281 阅读 · 0 评论 -
css3设置border渐变色
//方向由外向内.demo1 { width: 200px; height: 100px; border: 10px solid transparent; border-radius: 15px 0 15px 0; -moz-border-top-colors:#a0a #909 #808 #707 #606 #505 #404 #303; -m转载 2016-09-07 10:55:38 · 46207 阅读 · 1 评论 -
css设置垂直居中
1.单行文字垂直居中设置line-height的高度和height高度一致。2.多行文字垂直居中.father{display:table;height:400px; }.son{vertical-align:middle; display:table-cell;vetical-align:middle};3.父标签采用百分比,内容垂直居中.father{displ原创 2016-09-29 16:59:43 · 785 阅读 · 0 评论