HTML
跨时代135
这个作者很懒,什么都没留下…
展开
-
这样去写你的 HTML
昨天在 twitter 上说,怎么忍心把页面写得这么难用?是的,这个世界还有一群人等着我们创建出来的东西,可以让他们的生活能过得更容易呢。比如那些需要读屏软件的用户。作为一个前端,我们又怎么会忍心呢。之前就一直想写这样的一篇文章,分享一下如何去创造一个可访问性更好的页面。今天的计划里有一条把 2HTML T2ag 和 WCAG标准结合起来。我推荐你这样去写你的 HTML,让某些人的生活可以更容易。转载 2014-10-30 19:08:37 · 486 阅读 · 0 评论 -
td自动换行
在 中加上这样一句代码,可以简省设置,使长字符串换行.而不用设置width,height.style="word-wrap:break-word;word-break:break-all;"注意要设置td的宽度,否则没有.注:word-wrap:设置或检索当当前行超过指定容器的边界时是否断开转行取值:normal : 默认值。允许内容顶开指定的容器转载 2017-08-18 10:14:49 · 441 阅读 · 0 评论 -
使用div调试出现界面乱掉的情况
作为一个非前端专业开发者来说,经常遇到界面错乱不堪的情况,但是越调越乱,真的是越急越不行啊。今天想到了一个大招,那就是把div的边框给显示出来,因为不显示出来,是看不到的,然后把边框显示出来后就很好调整了。显示边框的代码如下。border:1px solid #00F原创 2017-07-20 13:45:17 · 394 阅读 · 0 评论 -
Window.open()方法参数详解打开新窗口
http://www.cnblogs.com/sofiawang/articles/1544631.html1, 最基本的弹出窗口代码 window.open('page.html');2, 经过设置后的弹出窗口 window.open('page.html', 'newwindow', 'height=100, width=400, top=0, left=0,转载 2017-05-19 15:55:06 · 28867 阅读 · 0 评论 -
背景图片修改大小
有的时候提供的图片当作背景太大或者太小。这时候就需要对图片进行放大或缩小,使用background-size 属性即可 但是ie8不支持,因为这个是css3才支持的div{background:url(bg_flower.gif);background-size:63px 100px;background-repeat:no-repeat;}如果在ie8及以下下需要原创 2017-01-10 14:47:22 · 1307 阅读 · 0 评论 -
样式表中的 element.style样式如何修改
我们在写前面 web样式的时候,会发现有些时候,我们怎么修改 style里面的值,页面上的样式都不会修改,当你用工具查看时,会发现里面会有 element.style的值,这个值还找不到是在哪里出现的,还修改不了。其实element.style是一种内联样式,很多情况下是在一些JavaScript代码里写死的,这种方法相当不好。但是有些时候,我们在使用第三方js文件时,会遇到。哪么我们如何去修改它转载 2016-12-27 10:37:59 · 2622 阅读 · 0 评论 -
标准ie8下,出现滚动条,但是没有滚动块的解决方法
http://blog.csdn.net/qadada/article/details/19938755加上overflow-y:auto属性试下转载 2016-12-06 17:28:18 · 1756 阅读 · 0 评论 -
html中滚动条属性设置
scrollbar属性、样式详解1. overflow内容溢出时的设置(设定被设定对象是否显示滚动条) overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。2. scrollbar-3d-light-color立体滚动条亮边的颜转载 2016-12-05 14:58:31 · 1068 阅读 · 0 评论 -
input checkbox 复选框大小修改
现在人工智能非常火爆,很多朋友都想学,但是一般的教程都是为博硕生准备的,太难看懂了。最近发现了一个非常适合小白入门的教程,不仅通俗易懂而且还很风趣幽默。所以忍不住分享一下给大家。点这里可以跳转到教程。有的时候,需要使用复选框,但是复选框有时候默认的太小,这时候就需要加大复选框,网上搜了很多,都没有直接的解决方法,一种是采用div 扩大点击范围或者是采用图片替代。直到看到下面一篇介绍,使...原创 2016-11-11 14:51:00 · 56848 阅读 · 6 评论 -
html 中增加title属性
有的时候我们需要在`1234567某个标签中增加tip显示,以解决宽度不够,内容较长的问题。但是有的时候会出现只显示部分的情况,这时候我们需要看下是不是因为有一些特殊符号导致的。比如空格或者双引号 。如果有把空格去掉,双引号改成单引号即可。原创 2016-08-24 10:40:33 · 4048 阅读 · 0 评论 -
div 中如何加各种边框(转)
边框风格属性(border-style) 这个属性用来设定上下左右边框的风格,它的值如下: none (没有边框,无论边框宽度设为多大) dotted (点线式边框) dashed (破折线式边框) solid (直线式边框) double (双线式边框) groove (槽线式边框) ridge(脊线式边框) inset (内嵌效果的边框) outset (突起效果的边框)转载 2016-08-30 09:44:12 · 2748 阅读 · 0 评论 -
HTML标签marquee实现滚动效果
页面的自动滚动效果,可由javascript来实现,但是今天无意中发现了一个html标签 - 可以实现多种滚动效果,无需js控制。使用marquee标记不仅可以移动文字,也可以移动图片,表格等.语法:...; 说明:在标记之间添加要进行滚动的内容。重要属性:1.滚动方向direction(包括4个值:up、 down、 left和 right) 语法:...2.滚动方式b转载 2016-07-05 16:02:24 · 1479 阅读 · 0 评论 -
Html中的一些常用标签
单选按钮 Male Female 如果只能单选的话,需要把name设置成一样即可。原创 2016-05-11 11:18:38 · 353 阅读 · 0 评论 -
html引入css文件和js文件方式
使用link标签引入css文件 使用script标签引入js文件转载 2016-05-17 14:30:57 · 2301 阅读 · 0 评论 -
时间选择器,结合jquery使用
fsrTip.js$(function () { $.fn.fsrTip = function (options) { var defaults = { Event: 'mouseover', Type: '24', SZ: { h: ["1", "2", "3"转载 2016-05-24 22:13:12 · 399 阅读 · 0 评论 -
GET POST方法长度限制
1. Get方法长度限制Http Get方法提交的数据大小长度并没有限制,HTTP协议规范没有对URL长度进行限制。这个限制是特定的浏览器及服务器对它的限制。如:IE对URL长度的限制是2083字节(2K+35)。下面就是对各种浏览器和服务器的最大处理能力做一些说明. Microsoft Internet Explorer (Browser)IE浏览器对URL的最大限制为208转载 2015-11-21 15:44:35 · 424 阅读 · 0 评论 -
HTTP Response Header 之 Content-Disposition
When you serve a document from a Web server, you might want to immediately prompt the user to save the file directly to the user's disk, without opening it in the browser. However, for known MIME (Mul转载 2015-03-07 13:51:03 · 1895 阅读 · 0 评论 -
HTML中输入框自动切换到下一个
最近看了部关于乔布斯的电影,感觉里面的电影情节还是很棒的。就是软件开发者一定要考虑到用户的感受,一定要能非常简单的使用起来。最近感觉公司的一些平台还是存在很多不好使用的地方。比如输入IP的输入框。现在的设计是需要用户输入点号。我想能不能设计成类似于windows的那种输入的方式。设计为四个输入框,其中点号已经添加进去了。其中那一段脚本必须要放入body内,否则无法识别到这个原创 2014-11-23 16:16:29 · 4696 阅读 · 1 评论 -
textarea 在浏览器中固定大小和禁止拖动
http://blog.csdn.net/csethcrm/article/details/9231425HTML 标签 textarea 在大部分浏览器中只要指定行(rows)和列(cols)属性,就可以规定 textarea 的尺寸,大小就不会改变,不过更好的办法是使用 CSS 的 height 和 width 属性,但是Chrome,Safari和FireFox渲染的效果不同,可转载 2017-10-09 10:44:57 · 220 阅读 · 0 评论