html + css
cai0_0
努力学习,记录生活和工作中的点点滴滴,收获更多的经验和知识,不断提升自己,早日实现自己的理想!
展开
-
html+css 常用的知识点
我发现经常在工作中老是忘记一些简单的html标签的写法,因为不常用的代码,我就会遗忘,所以我需要整理记录一下,这样就可以很好的查看了。1、【平方米/㎡】 m² (注意:平方米的写法最好就是用代码转义,不然有些浏览器是不能解析的,比如:火狐)2、【input属性用法】 (1) <input type="text" id="id" readOnly>//只能读不能写原创 2016-04-29 18:39:32 · 538 阅读 · 0 评论 -
如何添加页面链接网址的图标
之前在做页面的时候都没有接触过要弄页面的链接网址的图标,那天我做项目的时候无意中就发现了这个问题,当我们打开一个网页的时候为什么都会有一个标志性网址的图标,它又是怎么添加上去的呢?带着好奇心,然后我就开始研究了一下我们公司项目里的网址图标,通过查看代码,我才发现原来是这样子添加的。代码如下:在中添加这句代码就可以实现了,而且图片还是ico格式的,原来如此简单,感觉自己又学到了一点知原创 2016-04-21 21:59:55 · 2517 阅读 · 0 评论 -
CSS文档规范
这是我一开始学习css时需要遵守的css规范,也是我一直到现在也在遵守的规范,顺便把它记录下来,方便查阅,同时也希望更多人知道这些规范。 CSS文档规范 一、文件规范 1、文件均归档至约定的目录中(所有的CSS分为两大类:通用类和业务类。) 通用类的CSS文件,放在如下目录中: 1、核心样式库 /css/core 2、公用样式库 /css/lib 3、组件样式库 /css/ui原创 2016-04-22 12:04:20 · 1012 阅读 · 1 评论 -
css技巧:清除浮动
从我开始写页面的那一刻起,我就发现了用左右浮动这个属性时,经常就会发现父元素不见了,没有想象中那样支撑起来包裹住里面的元素,后来通过网上查找,才知道原来这就是为什么需要清除浮动了。什么是CSS清除浮动?在非IE浏览器(如Firefox)下,当容器的高度为auto,且容器的内容中有浮动(float为left或right)的元素,在这种情况下,容器的高度不能自动伸长以适应内容的高度,使得内容溢出到容器外原创 2016-04-22 17:55:16 · 469 阅读 · 0 评论 -
简单的鼠标触发的轮播图效果
这也是我经常做这里写代码片专题的时候遇到的效果,记录一下吧~$("#id_ul li").on('mouseenter', function() { $(this).find(".f_showBox").show(); $(this).siblings().find(".f_showBox").hide(); $(this).siblings().css({'margin':原创 2017-09-05 11:55:17 · 542 阅读 · 0 评论 -
用jq设置web端浏览器自适应效果(兼容IE7以上)
1、定义判断浏览器的变量:var isFirefox = navigator.userAgent.indexOf("Firefox")>0 //判断火狐 ,isIE8 = navigator.userAgent.indexOf("MSIE 8.0")>0 //判断IE8 ,isChrome = navigator.userAgent.indexOf("Chr原创 2017-09-05 16:08:59 · 1205 阅读 · 0 评论 -
多行文本溢出显示省略号(…)全攻略
参考网址:http://www.css88.com/archives/5206大家应该都知道用text-overflow:ellipsis属性来实现单行文本的溢出显示省略号(…)。当然部分浏览器还需要加宽度width属性。css代码:overflow: hidden;text-overflow: ellipsis;white-space: nowrap;但是这个属性并不支持多行文本溢...原创 2018-09-29 23:15:12 · 371 阅读 · 0 评论