css
qq_42164670
这个作者很懒,什么都没留下…
展开
-
word-wrap和word-break
word-wrap: 语法: word-wrap : normal | break-word 参数: normal : 允许内容顶开指定的容器边界 break-word : 内容将在边界内换行。如果需要,词内换行(word-break)也行发生说明:设置或检索当当前行超过指定容器的边界时是否断开转行。对于长串的英文,就不起作用。 word-break: 语法:word-...原创 2018-08-19 15:57:56 · 2229 阅读 · 0 评论 -
less
一、Less Css定义: Less Css是一种动态样式语言,属于css预处理语言的一种,它类似css的语法,为css丰富了动态语言的特性,如变量、继承、运算、函数,更方便css的编写的维护。 Less Css可以在多种语言、环境中使用,包括浏览器端、桌面客户端、服务器端。 二、编译工具: koala编译:可以开发LESS\SASS的编译工具 下载地址:http://koala-app.com/...原创 2019-04-15 21:42:24 · 136 阅读 · 0 评论 -
移动端适配
一、移动端为什么要做适配 移动端大部分浏览器内核都是webkit,而且大部分都支持CSS3的所有语法。但是,由于手机屏幕尺寸不一样,分辨率不一样,或者需要考虑横竖屏的问题,此时就要解决在不同手机上,不同情况下的展示效果了。 另外一点,UI一般给的视觉稿只有一份,比如淘宝就会输出:750px 宽度的(高度是动态的一般不考虑),这时候开发人员就要针对这一份设计稿,让其在不同屏幕宽度下显示一致。 ...原创 2019-04-15 18:57:02 · 141 阅读 · 0 评论 -
三列布局
方法一:flex <style type="text/css"> * { margin: 0; padding: 0; } .container{ display: flex; min-height: 300px; } .main{ flex-grow: 1;/* //flex-grow属性定义项目的放大比例,默认为...原创 2019-04-01 21:58:37 · 243 阅读 · 0 评论 -
左边固定右边自适应
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>左边固定右边自适应</title> ...原创 2019-04-01 21:49:04 · 209 阅读 · 0 评论 -
BFC
块格式化上下文(Block Formatting Context,BFC) 是Web页面的可视化CSS渲染的一部分,是块盒子的布局过程发生的区域,也是浮动元素与其他元素交互的区域。 BFC布局规则: 1.内部的Box会在垂直方向,一个接一个地放置。 2.Box垂直方向的距离由margin决定。属于同一个BFC的两个相邻Box的margin会发生重叠 3.每个元素的margin box的左边, 与包...原创 2019-03-28 14:18:28 · 127 阅读 · 0 评论 -
transform、animation、transition
transform(CSS3 2D 转换) 通过 CSS3 转换,我们能够对元素进行移动(translate())、缩放、旋转(rotate())、缩放(scale())或倾斜(skew())、矩阵变形matrix()。 translate() 方法 通过 translate() 方法,元素从其当前位置移动,根据给定的 left(x 坐标) 和 top(y 坐标) 位置参数。 例: transla...原创 2019-03-29 19:59:54 · 102 阅读 · 0 评论 -
html {font-size: 62.5%}
html {font-size: 62.5%} 首先,rem是以html为基准。 一般的,各大主流浏览器的font-size默认值为16px,此时1rem=16px。如果此时将rem与px进行换算很麻烦,比如0.75rem=12px。 为了更方便的进行换算(比如1:10),就可以加样式: html,body{ font-size: 62.5%; } 设置了62.5%以后就有 1...转载 2019-03-01 16:05:46 · 1560 阅读 · 0 评论 -
display,position 和 float 的相互关系
摘要: 文章转自:http://www.w3help.org/zh-cn/kb/009/三种定位体系简介框(box)布局影响因素之一,便是定位体系。定位体系也是其最为重要的影响因素。CSS2.1中,一个框可以根据三种定位体系布局。CSS2.1中的定位体系帮助作者使他们的文档更容易理解,并不需要使用标记的手段(如,不可见的图片)达到布局的效果。常规流(Normalflow)常规流,是对"normal...转载 2018-11-12 20:48:46 · 560 阅读 · 0 评论 -
Media Query(媒介查询)
一、媒体类型 all 所有媒体 screen 彩屏设备 print 用于打印机和打印预览 speech 应用于屏幕阅读器等发声设备 braille 应用于盲文触摸式(已废弃 ) embossed 用于打印的盲人印刷设备(已废弃 ) projection 用于投影设备(已废弃 ) tty 不适用像素的设备(已废弃 ) tv 电视(已废弃 ) 二、关键字 and 并且 连接条件 not 用...原创 2019-04-15 14:19:56 · 733 阅读 · 0 评论