首页
Python
Java
IOS
Andorid
NodeJS
JavaScript
HTML5
【
Css 备忘知识点
】的更多相关文章
Css 备忘知识点
1.Chrome 中文界面下默认会将小于 12px 的文本强制按照 12px 显示,可通过加入 CSS 属性 -webkit-text-size-adjust: none; 2.HTML5的form如何关闭自动完成功能? 给不想要提示的 form 或下某个input 设置为 autocomplete=off…
CSS备忘
垂直居中: 先height再ling-height,都设成一样高 span 垂直居中:vertical-align:50%设置外边距: margin-top,margin-left,margin-right,margin-bottomdiv背景单张铺满设置: width: 30px; height: 30px; line-height: 30px; background-ima…
CSS备忘笔记
一.CSS的概念 CSS(Cascading Style Sheet),中文译为层叠样式表,它是用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言. 二.CSS使用方式 使用CSS控制页面有4种方式,分别为行内样式.内嵌式.链接式.导入式. 1.行内样式.直接写在HTML标签里,例如<div style="width:100px;height:100px;"></div> 2.内嵌式.写在<style></style>中,例如…
CSS备忘-1
CSS 可以通过以下方式添加到HTML中: 内联样式- 在HTML元素中使用"style" 属性 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS 外部引用 - 使用外部 CSS 文件 <p style="color:blue;margin-left:20px;">This is a paragraph.</p> <head> <style type=&quo…
常用CSS备忘
1 怎样让div中的img居中 水平居中:div设置:text-align:center; img设置:width:图片宽度; margin:0 auto; 垂直居中:div设置:position:relative; img设置:position:absolute; top:50%; height:图片高度; margin-top:图片高度的一半; 2 display显示块圆角特效 border-radius: 2px;-moz-border-radius: 2px;-webkit-border…
[CSS备忘] css3零散
-webkit-overflow-scrolling:touch;下拉滚动回弹…
[CSS备忘]改变选中文本的颜色::selection
/*Webkit,Opera9.5+,IE9+*/ ::selection { background:red; color:white; } /*Firefox*/ ::-moz-selection { background:red; color:white; } 文章来源:http://www.w3cplus.com/content/css-selection…
[CSS备忘]多行文本省略号
overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; text-overflow: -o-ellipsis-lastline; jquery写法: $(".figcaption").each(function(i){ var divH = $(this).height(); var $p = $(&quo…
CSS 备忘
border-radius : 10px / 40px 10表示X轴半径 40表示Y轴半径 font:italic bold 13px/13px arial,sans-serif; 解释:italic斜体 13px/13px 第一个为字体大小,第二个为行高 background: -webkit-linear-gradient(left, transparent 0%, rgba(255,255,255,0.1) 20%, transparent 40%, tran…
CSS系列:less备忘
less备忘 //这是一个运行在koala中的less文件,//注释不会被编译到css文件中,/**/注释会 ****************by 李可 2016/04/19 /*所有,所有伪类*/ *,*:after,*:before{ margin: 0; padding: 0; }; /*2种盒子类型,*/ .divouter{ box-sizing:border-box;//写width会把margin算进去 //box-sizing:content-box;//默认 } /******…