html5 + css3
__心诺
最能让人感到快乐的事,莫过于经过一番努力后,所以东西正慢慢变成你想要的样子。
展开
-
meta标签中的http-equiv属性使用介绍
meta是html语言head区的一个辅助性标签。元素可提供相关页面的元信息(meta-information),比如针对搜索引擎和定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等。 标签位于文档的头部,不包含任何内容。 标签的属性定义了与文档相关联的名称/值对。提示和注释:注释:标签永远位于 he原创 2016-07-12 15:19:27 · 2335 阅读 · 0 评论 -
css 内容超出了div的宽度如何自动换行
word-wrap:break-word; word-break:break-all; overflow: hidden;/*这个参数根据需要来绝对要不要*/原创 2018-03-16 13:32:00 · 59596 阅读 · 6 评论 -
css搜索框样式
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2018-03-01 09:05:38 · 3796 阅读 · 0 评论 -
css设置滚动条的样式
<div class="inner"> <div class="innerbox"> <p style="height:200px;">这是内容</p> </div></div>css.inner{ width: 265px;原创 2018-03-01 08:59:33 · 185 阅读 · 0 评论 -
css设置背景颜色的亮度
使用方法:div{background-color: red;-webkit-filter:brightness(1);//兼容不同浏览器-o-filter:brightness(1);-moz-filter:brightness(1);filter:brightness(1);//设置亮度值,范围:0-1}动态设置亮度值var tem = 0.5; $(".div").css('filter',...原创 2018-03-01 08:54:52 · 11912 阅读 · 0 评论 -
li 样式 不显示 overflow:hidden 导致Li前面样式不见的解决办法
用了overflow:hidden 会影响 list-style,即当ul 中的li 的overflow 为hidden的时候, list-style不起作用,不显示前面的点、圈等样式。解决办法:在ul或li内加入样式:list-style-position: inside; 即可。注意适当调节padding位置使之最适合。列表的样式: disc原创 2017-08-31 08:58:36 · 1451 阅读 · 0 评论 -
JSTL之数字、日期格式化<fmt:formatNumber/>、<fmt:formatDate/>
日期表示 百分数,千分数表示 0.01 ‰ 0.20 %其他数字表示 -- 123,456.79 -- 123,456.7 -- 123,456.70 -- 1,200%type 可以是currency、 number、 和percent。货币表示===1==2转载 2017-06-27 22:49:57 · 219 阅读 · 0 评论 -
input type=file accept中可以限制的文件类型
在上传文件的时候,需要限制指定的文件类型,accept这个属性,只在FF和chrome中有效。那么accept能限制哪些文件呢?见下表。扩展名 MIME 描述*.3gppaudio/3gpp, video/3gpp3GPP Audio/Video*.ac3audio/ac3AC3 Audio*.asfallpication/v转载 2017-06-14 14:39:53 · 430 阅读 · 0 评论 -
CSS3的calc()使用
平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都将会把元素盒子撑破(标准模式下,除IE怪异模原创 2017-06-22 11:14:57 · 310 阅读 · 0 评论 -
CSS3的calc()使用
平时在制作页面的时候,总会碰到有的元素是100%的宽度。众所周知,如果元素宽度为100%时,其自身不带其他盒模型属性设置还好,要是有别的,那将导致盒子撑破。比如说,有一个边框,或者说有margin和padding,这些都会让你的盒子撑破。我们换句话来说,如果你的元素宽度是100%时,只要你在元素中添加了border,padding,margin任何一值,都将会把元素盒子撑破(标准模式下,除IE怪异转载 2017-06-22 11:13:20 · 300 阅读 · 0 评论 -
table td一行不能超过三个,超过的换行
12为获取td的数量, h+='sssssssss' ,暂时写的是静态值,最后实现的效果如下:原创 2017-02-09 12:51:28 · 5073 阅读 · 0 评论 -
360浏览器兼容模式下样式显示混乱的解决方法
代码示例在head标签中添加一行代码:content的取值为webkit,ie-comp,ie-stand之一,区分大小写,分别代表用webkit内核,IE兼容内核,IE标准内核。若页面需默认用极速核,增加标签:若页面需默认用ie兼容内核,增加标签:若页面需默认用ie标准内核,增加标签:注意:引号要英文状态下的,直接复制代码后看一下格式对不原创 2016-12-06 23:25:44 · 5666 阅读 · 0 评论 -
bootstrap 二级导航
/*左侧菜单*/.sidebar-menu{ border-right: 1px solid #c4c8cb;}/*一级菜单*/.menu-first{ height:45px; line-height:45px; background-color: #e9e9e9; border-top: 1px solid #efefef; borde...原创 2016-08-23 16:41:19 · 2416 阅读 · 1 评论 -
浏览器缓存知识小结及应用
原文出处:流云诸葛浏览器缓存,也就是客户端缓存,既是网页性能优化里面静态资源相关优化的一大利器,也是无数web开发人员在工作过程不可避免的一大问题,所以在产品开发的时候我们总是想办法避免缓存产生,而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理,是开发web应用的基础,本文着眼于此,学习浏览器缓存的相关知识,总结缓存避免和缓存管理的方法,结合具体的场景说明缓存转载 2016-07-12 15:43:47 · 250 阅读 · 0 评论 -
td内容过长,table被撑开问题解决
由于table tr 内容过长,然后使用省略样式后, table长度被撑开, overflow: hidden; text-overflow:ellipsis; white-space: nowrap; 解决方法: 在table上加样式:table-layout: fixed; word-break: break-all;完美解决。...原创 2018-05-03 17:54:36 · 9529 阅读 · 5 评论