css学习笔记
爱编译也爱吃肉的喵
方法总比问题多
展开
-
可以被继承的属性
可以被继承的属性: * color(颜色,a元素除外) * direction(方向) * font(字体) * font-family(字体系列) * font-size * font-style * font-variant(用于设置小型大写字母) * font-weight(用于设置粗体) * letter-spacing(原创 2016-08-28 14:36:52 · 525 阅读 · 0 评论 -
display运用与理解
display:规定元素应该生成的框的类型以下是一些关于display比较常用的属性值: 值 描述 none 元素不会显示 block 此元素将显示为块级元素,此元素前后会带有换行符。 inline 默认。此元素会被显示为内联元素,元素前后没有换行符。 line-block 行内块元素。(CSS2.1 新增的值)[IE6/7不支持] list-item原创 2016-07-24 21:41:43 · 459 阅读 · 0 评论 -
vertical-align初步理解
css学习笔记<1>接触前端差不多半年多,由一个java开发学习者转向前端开发学习,统统都是因为兴趣啊,目前正处于实习阶段,到了公司才发现,之前自学了大半年的知识只是小小的皮毛,即便做了2个项目也只是接触了前端的一小点,走出去才能发现世界之大、知识之无穷。开始学习总是希望能留下一点笔记,其中有一些只是知识点的摘抄性东西、一些是自己遇到了觉得做web会用到但是目前自己还不会的东西,可能顺序较为混乱,知原创 2016-07-23 15:06:32 · 1669 阅读 · 0 评论 -
CSS命名
最近真是博文越看越多越觉得不足,然后就会有些许烦躁,在之前看张鑫旭的博客中就已经注意到了css命名,但只是粗略看了一下,在之后的使用中并没有非常标准化去使用,这也导致了css代码混乱,不易于他人查阅。今天在流云诸葛的博文中再次看到了“面向属性的CSS”命名,便将我所认为该注意的关键点记录下来,作为笔记也提醒自己在往后的项目中能够注意到css命名的合适化,提高自己的开发效率。直接以css属性简写作为c原创 2017-04-27 17:34:17 · 627 阅读 · 0 评论 -
CSS之动画
最近在学习饿了么vue的demo,接触到了挺多css3动画,之前有学习过,但更多是需要了就拿出来看看,直接上手用,今天来对三种动画属性进行系统学习。 css3动画主要包括Transform、Transition、Animation。区别transition:允许css的属性值在一定的时间区间内平滑地过渡。需要触发一个事件(hover事件或者click事件)才会随时间改变其css属性。anim原创 2017-09-15 10:19:40 · 1259 阅读 · 0 评论 -
css实现居中
最近总是懒懒散散,每天工作忙成狗,没有时间进行总结和学习然后焦虑不安,趁着没有加班的时间将直接学习的css实现居中总结下。一直以来都懂得如何运用,但更多的是不清楚在什么情况下运用哪种,都是能够实现便完成任务了,有时候代码就变得累赘而且bug众多。...原创 2018-09-17 21:49:55 · 343 阅读 · 0 评论 -
css 内联元素、块级元素、内联块级元素
对于display我想很多人都不陌生,然而在谈到内联元素,行内元素等词,还是会有人脑袋瓜子充满了疑问???我曾经自以为已经了解并懂得如何使用display,在学习vertical-align及替换元素等的时候,才深刻明白自己也就一知半解,接下来不说display各种参数的使用方法,而是谈谈display形成的各种盒模型display指定了元素的显示类型,包含两种用于指定元素怎样生成盒模型 ...原创 2019-04-04 22:47:35 · 973 阅读 · 0 评论 -
css line-box行框及替换元素
行框1.line-height:设置行间的距离(行高)=> 该属性会影响行框的布局。在应用到一个块级元素时,她定义了该元素中基线的最小距离而不是最大距离2.line-height与font-size的计算值之差(行间距)分为两半,分别加到一个文本行内容的顶部和底部。可以包含这些内容的最小框就是行框行间距:css没有直接设置行间距的方式,通过设置行高来间接设置行间距替换元素1....原创 2019-04-02 19:07:50 · 1269 阅读 · 0 评论