css - 随笔分类(第2页) - justSmile2

svg

摘要：1. svg 概述 SVG 是对图像的描述、体积小、放大不失真 SVG 文件可以用 JavaScript 和 CSS 进行操作。 2. svg 使用 2.1 直接插入网页，成为 DOM 的一部分 <!DOCTYPE html> <html> <head></head> <body> <svg id= 阅读全文

posted @ 2019-02-20 14:16 justSmile2 阅读(314) 评论(0) 推荐(0)

less 前端css利器工程化、逻辑化 css 文件

摘要：less LESS 将 CSS 赋予了动态语言的特性，如变量，继承，运算，函数. 0.使用方式 koala 浏览器引入 node 编译 1. 浏览器方式 1.1 html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" 阅读全文

posted @ 2019-01-10 20:00 justSmile2 阅读(291) 评论(0) 推荐(0)

a 样式重置常见用法

posted @ 2019-01-03 19:04 justSmile2 阅读(1838) 评论(0) 推荐(0)

让浮动元素高度等于父元素高度

该文被密码保护。

posted @ 2018-10-31 19:30 justSmile2 阅读(33) 评论(0) 推荐(0)

图片动态化

该文被密码保护。

posted @ 2018-10-27 18:20 justSmile2 阅读(62) 评论(0) 推荐(0)

chrome表单自动填充去掉input黄色背景

摘要：input文本框是纯色背景的 1. input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset!important; box-shadow: 0 0 0px 1000px white inset!important; 阅读全文

posted @ 2018-09-19 17:20 justSmile2 阅读(162) 评论(0) 推荐(0)

css 自适应布局

该文被密码保护。

posted @ 2018-08-31 19:48 justSmile2 阅读(41) 评论(0) 推荐(0)

css高度填充剩余空间自适应高度

该文被密码保护。

posted @ 2018-08-29 20:17 justSmile2 阅读(150) 评论(0) 推荐(0)

浏览器滚动条及其影响 calc()

摘要：1.浏览器滚动条默认风格各异，推荐一插件 mCustomScrollbar 不考虑兼容也可自定义样式链接二 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content=" 阅读全文

posted @ 2018-08-27 12:02 justSmile2 阅读(857) 评论(0) 推荐(0)

三角形

该文被密码保护。

posted @ 2018-08-24 18:24 justSmile2 阅读(23) 评论(0) 推荐(0)

透明度渐变

该文被密码保护。

posted @ 2018-08-13 18:29 justSmile2 阅读(25) 评论(0) 推荐(0)

文本溢出显示省略号

该文被密码保护。

posted @ 2018-08-09 20:00 justSmile2 阅读(17) 评论(0) 推荐(0)

居中对齐 - 左右居中

摘要：1.内容 text-align:center 适用于对齐内部的 inline-block 元素（场景：左侧图标，右侧内容块，可随内容自适应对齐） 2.块 display:table && text-align:center 3.块 margin：0 auto; 4.块 position:absolu 阅读全文

posted @ 2018-08-09 16:37 justSmile2 阅读(834) 评论(0) 推荐(0)

居中对齐 - 上下（垂直）居中

该文被密码保护。

posted @ 2018-08-07 20:17 justSmile2 阅读(29) 评论(0) 推荐(0)

浮动应用

摘要：浮动元素特性：为文字环绕效果而生、仅影响其后元素、能感知其后同胞兄弟、脱离文档流、具有行内块特性。应用：流式布局、自适应宽度、清除多余空隙。（对于很多插件而言，浮动是个好特性）缺点：脱离文档流，使其父元素高度塌陷影响到其后元素布局及其包裹层高度。（可能出现的结果是布局乱、元素高度获取不阅读全文

posted @ 2018-08-06 20:09 justSmile2 阅读(330) 评论(0) 推荐(0)

表单自动填充数据的处理

该文被密码保护。

posted @ 2018-08-02 19:35 justSmile2 阅读(498) 评论(0) 推荐(0)

兼容低版本 ie 的思路

摘要：兼容处理 ie 低版本，推荐三条路径：一、css hack，适用于代码初建阶段，也就是说在开发功能之前要思考的问题点，这里总结几个常见的： 1、- 区分 ie6 与 ie7以上（ -text-indent: 0; ie6识别） 2、* 区分标准 ie7 与 ie8以上标准模式（ *text-i 阅读全文

posted @ 2018-08-01 19:37 justSmile2 阅读(214) 评论(0) 推荐(0)

justSmile2

惜时如金

随笔分类 - css