CSS3以及CSS个人复习
州本合
每天告诉自己进步一点点。
展开
-
清除浮动的常用方法
1.最推荐的方法,一定要写在首文中了。因为浮动导致元素父元素塌陷问题。最经典的写法是:.clearfix::after{content:' ';display:table;clear:both;}.clearfix{*zoom:1; /*兼容IE低浏览器*/}2.块级格式化文本BFC:只需给父元素创建块级格式化上下文,就可以让浮动的元素参与高度计算,这样一来,父元素的高度就有了。overflow:hidden;overflow:hidden较多的原因是不.原创 2020-05-15 17:01:58 · 77 阅读 · 0 评论 -
CSS+HTML学习总结
1.设计师给我们设计稿 例如是:两列标题,左边是标题右边是一堆图标那么我们就要思考问题左边的标题会不会变多右边的图标会不会变多设计思路。例如:所有的可点击的区域,必须要有cursor:pointer;(这是我们必须的基本)2.在项目开发的时候,关注性能和工程的成本: 能做表示的是技术的可行性兼容不同的浏览器手机端问题,性能的问题能不能做性能的问题思考。3.一定要学会和设计师做合理的沟通。4.面试的简历,必须保持真实,要不然会直接被pa...原创 2020-05-14 22:38:11 · 205 阅读 · 0 评论 -
响应式布局 一
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>re.原创 2020-05-08 23:59:00 · 126 阅读 · 0 评论 -
float经典三列布局,inline-block固定两列布局
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Do.原创 2020-05-08 23:52:45 · 178 阅读 · 0 评论 -
CSS布局,表格布局,flex布局,定位
CSS知识体系的重中之重早期以table为主(简单)后来以技巧性布局为主(难)现在有girdflexbox(偏简单)移动端:响应式布局是必备知识。table表格布局float(浮动)+marginflex布局inline-block转换成块元素布局。2.表格布局<!DOCTYPE html><html lang...原创 2020-05-08 23:47:57 · 369 阅读 · 0 评论 -
CSS边框,背景,滚动,颜色值
1.什么是背景?概念 在容器中做底层铺垫,不会影响,正文的排布2CSS颜色有如下的几种写法 rgb() rgba() 单词:black(黑色) 十六进制#000000==rgb()表示方式 hsla() h:色调,取值0-360,颜色的底色调,表示色轮周围的角度s:饱和度,取值0%-100%,0是没有颜色显示为灰色,100%是全彩色l:亮度,取值0...原创 2020-05-08 23:25:28 · 242 阅读 · 0 评论 -
CSS3布局行高
<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compati...原创 2020-05-07 18:26:05 · 191 阅读 · 0 评论 -
CSS字体默认样式设置
//1.字体族:表示一堆字体的东西分类如下 衬线字体serif宋体就是衬线字体带有弯弯勾勾的样子 非衬线字体sans-serif不带有弯弯勾勾的样子 monospace等宽字体每一个字母站的空间的都是一样 cursive连笔的;草书的;草写体的手写的字体广告宣传中用的多 ...原创 2020-05-07 18:24:14 · 958 阅读 · 0 评论 -
CSS解析过程,权重理解
1.什么叫选择器?答:就是匹配HTML元素的2.浏览器怎么解析CSS的是从右向左解析这样可以提高解析的速度性能提高。浏览器解析方式从上至下浏览器下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的并且在下载后进行解析,解析过程中,停止页面所有往下元素的下载。此时渲染会...原创 2020-05-07 18:17:58 · 109 阅读 · 0 评论 -
CSS基础选择器案例总结:
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试权重 不越级的特...原创 2020-05-07 18:12:41 · 208 阅读 · 0 评论