当前位置: 首页 > Web前端 > CSS

jsliang求职系列-43-CSS系列总结

时间:2023-03-31 00:59:57 CSS

1.不乱咸鱼的前端有什么区别?Mobile3.5CSS3.6CSS33.7CascadingContext3.8BFCBlockFormattingContext3.9Other2复习知识点返回目录复习知识点有3个部分。2.1Basic返回目录文章地址:Basic[x]DIV+CSS布局的优缺点[x]LoVeHAte原理:一个标签hover事件失败问题,link->visited->hover->active[x]Responsive:a网站可以兼容多终端,而不是针对每个终端做一个特定的版本,通过@media[x]垂直居中[x]Flexlayout:align-itemsandjustify-content[x]AbsolutepositioningLayout:absolute+left/right/bottom/top:0+margin:auto[x]transformLayout:absolute+transform:translate(-50%,-50%)[x]文档流:top-downform分成一行行,并将每行中的元素从左到右排列,成为文档流,即普通流在文档流之上。(高度相同)[x]怪异框:怪异框的contentWidth等于设置的width+padding+border,它的实际总宽度=contentWidth+margin。(高度相同)[x]设置框模式:inherit继承,content-box标准框,border-box怪异框vh[x]布局:使用rem单位,position:相对/绝对布局,Flex布局[x]1pximplementation:use::afterpseudo-class+transform:scaleY(0.5),usebox-shadow:00.500#ccc[x]300msClickdelay[x]为什么会出现:Delayisneededtodeterminingtheuser是否需要单击或双击[x]解决方法:设置,通过FastClick库三篇参考文献返回目录本系列共有46篇参考文献。rem转px出现精度错误怎么办?[阅读建议:20min][x]彻底理解word-break,word-wrap,white-space[阅读建议:20min]3.6CSS3返回目录[x]个人总结(css3新特性)[阅读建议:1h][x]高性能CSS3动画【阅读建议:20min】[x]有趣的CSS3效果挑战小总结【阅读建议:20min】[x]从青铜到王者10个css3伪类的使用技巧和应用,了解一下[阅读建议:20min]3.7Cascadingcontext返回内容[x]彻底理解CSS层叠上下文、层叠层级、层叠顺序、z-index[阅读建议:30min][x]深入理解CSS层叠上下文和层叠顺序[阅读建议:40min]3.8BFCBlockFormattingContextReturnContents[x]什么是BFC?什么情况下会触发?有哪些应用场景?[阅读建议:20min][x]LearningBFC(BlockFormattingContext)[阅读建议:20min][x]MDN-BlockFormattingContext[阅读建议:20min][x]BFC(BlockFormattingContext)[阅读建议:5min]3.9其他返回目录[x]Web开发者需要知道的CSSTricks[阅读建议:无][x]CSS世界里听起来很冷的知识[阅读建议:30min][x]来自网易和淘宝的字体-size对前端设计稿和工作流程的思考【阅读建议:20min】[x]2019年,你能抛弃CSS预处理器吗?【阅读建议:10min】[x]浅谈CSS预处理器(一):为什么要用预处理器?[阅读建议:20min][x]TheNextInnovationofLayout[阅读建议:20min]jsliang的文档库由梁俊荣根据CreativeCommonsAttribution-Noncommercial-ShareAlike4.0InternationalLicense授权
基于作品创作于https://github.com/LiangJunrong/document-library。
非本许可协议授权的使用权可从https://creativecommons.org/licenses/by-nc-sa/2.5/cn/获取。