css
关注
分享
扫一扫
超级小码丽
不想拱白菜的猪，不是好猪
展开
-
css三大特性
层叠性和样式声明的顺序无关，和标签调用样式的顺序有关，后调用的覆盖前面的继承性 首先要满足嵌套关系才能产生继承，子标签继承父标签的属性 文字的所有属性都可以被继承 特例： h系列标签不能继承文字大小 a标签不能继承文字颜色优先级！important>行内样式>id选择器>类选择器>标签选择器>默认样式权重可叠加原创 2016-11-28 20:41:32 · 822 阅读 · 0 评论 -
css-清除浮动
css-清除浮动浮动的作用清除浮动方法：1.在浮动元素的后面添加一个标签，标签有clear：both样式2.给父元素加overflow：hidden，当子元素的宽/高超出父盒子时，不能用此方法3.终极大招：给父元素加伪元素 .clearfix:after{ content:”, height:0;原创 2016-11-29 23:24:37 · 317 阅读 · 0 评论 -
BAT怎么初始化样式
/*为什么要初始化样式呢？避免不同浏览器对标签设置的默认样式不同，我们手动统一设置一个值*//*腾讯：*/body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0} body{font:12px"宋体","Arial Narrow"原创 2016-11-29 23:38:32 · 571 阅读 · 0 评论 -
css-行高
什么是行高？行高是基线和基线之间的距离行高=文字高度+上边距+下边距文字在盒子中垂直居中：文字的行高lineHeight=盒子高度height行高的单位文字大小 —– 行高单位 —— 最终行高值 16px————16px————-16px 16px————2em————–32px 16px————200%————-32px 16px————2——————32px总结：除了直接设px值外原创 2016-11-29 23:44:53 · 861 阅读 · 0 评论 -
移动端适配方案
1.百分比适用场景：height=100% (为视口高度)<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, m原创 2017-01-08 17:49:25 · 385 阅读 · 0 评论 -
webstrom自动编译sass文件为css
操作步骤如果输出的css文件位置没有特殊要求的话，就无需修改6、7了。生成的css和sass同路径。设置完成后，当任意修改sass文件后保存，立即会生成css文件原创 2017-06-23 12:36:31 · 552 阅读 · 0 评论 -
sass与scss的区别
用了很久css预编译器，但是一直不太清楚到底用的sass还是scss，直到有天被问住了有点尴尬，找了个教程撸了遍==。。。异同：简言之可以理解scss是sass的一个升级版本，完全兼容sass之前的功能，又有了些新增能力。语法形式上有些许不同，最主要的就是sass是靠缩进表示嵌套关系，scss是花括号//sass 太费眼了.father width:100px; .son原创 2017-11-18 19:40:46 · 39200 阅读 · 1 评论 -
图片和文字垂直居中-flex布局
因为float和position用的比较熟，所以flex只是了解了一下，基本不用。但是今天发现了flex在处理图片和文字对齐方便真是超爽der~ 1.需求 就是一个盒子里面，图片和文字垂直居中 2.惯用套路 我之前的解决思路都是给图片设margin，给文字设line-height, 为了适配单位一般都不是px,用百分比设置，基本都是靠调试效果调出来的，非常不原创 2017-11-16 23:41:56 · 16560 阅读 · 1 评论