随笔分类 -  css html

没事多学习~
文档碎片——createDocumentFragment
摘要：使用文档碎片在页面中大量添加节点时可以提高性能。 先创建文档碎片，然后将要添加的节点放上去，最后一次性添加到页面中。 html： js: 阅读全文
posted @ 2019-02-20 16:20 嘉儿2017 阅读(161) 评论(0) 推荐(0)
less 使用简介
摘要：Less 诞生于 2009 年，受Sass的影响创建的一个开源项目。 它扩充了 CSS 语言，增加了诸如变量、混合（mixin）、函数等功能，让 CSS 更易维护、方便制作主题、扩充。 less 的使用有两方式： 1.使用npm 安装 编译的具体命令 或 2.使用vue.js less语法介绍： 1 阅读全文
posted @ 2018-12-12 20:05 嘉儿2017 阅读(203) 评论(0) 推荐(0)
::selection 选择器
摘要：::selection 选择器，使被选中的文本成为红色 浏览器支持： IE9+、Opera、Google Chrome 以及 Safari 中支持 ::selection 选择器。 Firefox 支持替代的 ::-moz-selection。 阅读全文
posted @ 2018-11-16 18:41 嘉儿2017 阅读(140) 评论(0) 推荐(0)
文字平滑属性 font-smoothing
摘要：【webkit浏览器】 -webkit-font-smoothing 属性： none 关闭抗锯齿，字体边缘犀利。 antialiased 字体平滑。 阅读全文
posted @ 2018-11-16 18:31 嘉儿2017 阅读(496) 评论(0) 推荐(0)
图标库推荐
摘要：1. iconfont 地址：http://www.iconfont.cn/ 矢量图标管理、交流平台。 设计师将图标上传到Iconfont平台，用户可以自定义下载多种格式的icon，平台也可将图标转换为字体，便于前端工程师自由调整与调用。 2.Font Awesome 中文地址：http://www 阅读全文
posted @ 2018-11-16 13:41 嘉儿2017 阅读(144) 评论(0) 推荐(0)
/,./,../三种目录区别
摘要：/——指的是根目录 ./——指的是同级目录 ../——指的是上一级目录 阅读全文
posted @ 2018-10-13 12:20 嘉儿2017 阅读(2116) 评论(0) 推荐(0)
标签嵌套的规则
摘要：1、行内标签不能嵌套块标签，块标签可以嵌套行内标签； 2、a标签不能嵌套a标签； 3、p标签不能嵌套块标签，可以嵌套行内标签； 4、表示标题语义的标签如h1~h6不要嵌套块标签，可以嵌套行内标签； 5、像ul\ol li ，dl dt dd 要固定出现，中间不可嵌套，但是li可以再嵌套标签。 阅读全文
posted @ 2018-09-06 21:58 嘉儿2017 阅读(647) 评论(0) 推荐(1)
background-attachment与background-position 的问题
摘要：background-attachment:fixed | scroll 效果： 理想效果为： 更改background-attachment:scroll即可解决。 阅读全文
posted @ 2018-09-06 20:44 嘉儿2017 阅读(399) 评论(0) 推荐(0)
white-space word-break word-wrap 区别
摘要：html css 文本 换行 阅读全文
posted @ 2018-09-06 17:57 嘉儿2017 阅读(155) 评论(0) 推荐(0)
reset css
摘要：有些标签自带样式，所以重置下： body,h1,h2,h3,h4,h5,h6,dl,dd,p{margin:0} ul,ol{margin:0;padding:0;list-style:none;} img{border:none;vertical-align:top;} a{text-decora 阅读全文
posted @ 2018-08-26 21:50 嘉儿2017 阅读(107) 评论(0) 推荐(0)
css 选择器
摘要：css 选择器 class 标签选择器 id选择器 阅读全文
posted @ 2018-08-26 20:18 嘉儿2017 阅读(78) 评论(0) 推荐(0)
<a> 标签
摘要：html css a 标签 链接 下载 阅读全文
posted @ 2018-08-26 00:12 嘉儿2017 阅读(120) 评论(0) 推荐(0)
css text-overflow
摘要：text-overflow 规定当文字溢出包含的元素的时候发生的事情。 阅读全文
posted @ 2018-01-10 16:05 嘉儿2017 阅读(208) 评论(0) 推荐(0)
CSS3 box-sizing
摘要：elm{box-sizing:centent-box|border-box|inherit;} 当设置为centent-box时，设置的with值为原意，即为内容的宽度值！ 当设置为border-box时，设置的with值为padding+border+width的值！ 阅读全文
posted @ 2017-11-27 17:55 嘉儿2017 阅读(171) 评论(0) 推荐(0)
CSS3 Filter
摘要：1 elm:{filter:none||[filter-function]*} 2 3 /* 4 filter-function 有以下值 5 grayscale 6 sepia 7 saturate饱和度 8 hue-rotate色相旋转 9 invert反色 10 opacity透明度 11 ... 阅读全文
posted @ 2017-11-27 16:40 嘉儿2017 阅读(154) 评论(0) 推荐(0)
outline css2
摘要：outline（轮廓） 绘制元素周围的一条线，唯一边框边缘的外围，可突出元素。 属性：outline-color,outline-style,outline-width outline-with:medium 中等 用来去掉chrome点击input元素时自带的边框。 有错误，请指出，谢谢！ 阅读全文
posted @ 2017-11-15 16:10 嘉儿2017 阅读(108) 评论(0) 推荐(0)