随笔分类 - HTML和CSS
摘要:1. 5种常见的flex 布局实现 https://juejin.cn/post/6844903517241491463
阅读全文
摘要:var drillDown = { getOption : function () { var option = null; option = { title: { text: '折线图下钻示例', left: 'center' }, tooltip: { trigger: 'item', form
阅读全文
摘要:<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Document</title></head><style type='text/css'>.circle{width:200px;height:200px;posit
阅读全文
摘要:1、引言 我们在写页面的时候,有的时候会遇到多栏布局,每个栏目里面的内容有的时候可能不一样,这样就会导致每个栏目实际的高度也是不一样的,如果每个栏目有背景颜色的,就会导致每个栏目的底部是对不齐的,用户体验不是很好! 实际的问题效果如下所示: 2、需求如下 我们要实现的效果就是不管每个栏目的实际内容多
阅读全文
摘要:1、Readonly只针对input(text / password)和textarea有效, 而disabled对于所有的表单元素都有效, 2、但是表单元素在使用了disabled后,当我们将表单以POST或GET的方式提交的话,这个元素的值不会被传递出去, 而readonly会将该值传递出去(r
阅读全文
摘要:使用他们能让代码语义化更直观,而且更方便SEO优化。但是此HTML5新标签在IE6/IE7/IE8上并不能识别,需要进行JavaScript处理。以下就介绍几种方式。 方式一:Coding JavaScript 如果是IE9以下的IE浏览器将创建HTML5标签, 这样非IE浏览器就会忽视这段代码,也
阅读全文
摘要:先讨论几个css 问题 1,css 清除浮动的方法 2,css 居中 3,多行省略号 4,小布局技巧 2D 动画功能属性兼容性:transform、transition、animation transform 可以实现旋转、缩放、倾斜、移动四种类型的变形处理。 transition、animatio
阅读全文
摘要:网页内容类 标题: title 摘要: summary 箭头: arrow 商标: label 网站标志: logo 转角/圆角: corner 横幅广告: banner 子菜单: subMenu 搜索: search 搜索框: searchBox 登录: login 登录条:loginbar 工具
阅读全文
摘要:一、无继承性的属性 1、display:规定元素应该生成的框的类型 2、文本属性: vertical-align:垂直文本对齐 text-decoration:规定添加到文本的装饰 text-shadow:文本阴影效果 white-space:空白符的处理 unicode-bidi:设置文本的方向
阅读全文
摘要:我现在在做一个ul列表,然后给每个li加上边框,但是加完了之后,相邻列表的边框就会变成2px,比如第一个li的下边框和第二个li的上边框就会重叠在一起,请问这有什么办法解决一下么? 解决方法是:
阅读全文
摘要:ie-css3.htc先说道说道这斯是弄啥嘞ie-css3.htc是一个可以让IE浏览器支持部份CSS3属性的htc文件,不只是box-shadow,它还可以让你的IE浏览器支持圆角属性border-radius和文字阴影属性text-shadow 复制保存下面的代码并命名为ie-css.htc,放
阅读全文
摘要:html,xhtml和xml的定义: 1、html即是超文本标记语言(Hyper Text Markup Language),是最早写网页的语言,但是由于时间早,规范不是很好,大小写混写且编码不规范; 2、xhtml即是升级版的html(Extensible Hyper Text Markup La
阅读全文
摘要:利用CSS来布局页面布局DIV有点逻辑性!重点理解盒子模型,标准流和非标准流的区别,还有定位原理!把这3个攻破了,就非常简单了!多实践多参考!最后就是兼容问题了,在实践中自然就有经验了!这些兼容技巧都是经验来的! 盒子模型有两种,分别是 IE 盒子模型和标准 W3C 盒子模型。他们对盒子模型的解释各
阅读全文
摘要:DOCTYPE 的一个重要作用就是告诉浏览器,它该以何种模式呈现。 我们通过document.compatMode这个属性来检测,当前页面处于何种模式: CSS1Compat:标准模式 BackCompat:混杂模式 那么,问题来了,什么情况下页面会处于混杂模式呢?下面是列出的几种: (1)不写<!
阅读全文
摘要:噩梦开始的源头:之前写html或者jsp页面,从来不注意doctype的声明,也不太明白doctype的作用。直到最近碰到了一个非常奇葩的bug:某一个页面在IE7和8,Chrome,ff等下正常,但是在IE9下显示有问题,我就开始找啊找,各种调试,各种log,终于在httpWatch里边找到了答案
阅读全文
摘要:一、click 和 tap 比较 两者都会在点击时触发,但是在手机WEB端,click会有 200~300 ms,所以请用tap代替click作为点击事件。 singleTap和doubleTap 分别代表单次点击和双次点击。 二、关于tap的点透处理 在使用zepto框架的tap来移动设备浏览器内
阅读全文
摘要:一。SEO(Search Engine Optimization)搜索引擎优化 1、搜索引擎工作原理; 2、分为白帽SEO和黑猫SEO (1)白帽SEO:其改良和规范网站设计的作用,是网站获取合理的流量;乱加关键字,乱加外链; (2)黒帽SEO:这类行为利用搜索引擎政策缺陷来获取更多用户的访问量,属
阅读全文