css盒子模型

今天谈谈我对盒子模型的理解。刚接触到盒子模型的时候那是一年前了,那时候在网上看视频学习,视频中的老师一讲到盒子模型的时候声音显得特别大,说明了盒子模型的重要性,今天就简单的谈谈盒子模型吧! 如果把上图看作是HTML里的一个标签div,<div>content</div>.我们就从这一句简单的代码来分析盒子模型。首先div里面的content就是图片中红色区域,content到border之间的区域

css  

SASS学习记录

前言 很久没有用文章记录自己的学习历程了,主要是因为实在写的不行,相比大牛写的博客,我这只能算是东拼西凑或者说是读书笔记。但是今天还是拾起笔来了,虽然没什么干货,但是对自己而言,总结的过程可以加深对零碎知识的了解,将来自己如果忘记某些知识,可以迅速查找并捡起来;如果以后忘了自己的当初的目标,也能回头看看自己曾经做过的努力。 想起总结的另一个原因,就是自己在最近的实习中学到了很多东西,终于把自己看过

ruby   sass   css   javascript  

根据网上很多帖子说ios下scale为1.0可以解决二维码偏移问题 猜测flexible框架选择scale0.5是想要让图片在ios下展示有更好的体验 ,因为scale0.5下看到尺寸大小相同 里面的像素是scale=1.0的四倍(2x2),显得更加清晰。 而flexible框架中的代码: 可以根据已有的viewport来直接计算页面的原始尺寸:1rem=xxpx。 而因为js脚本运行会阻塞后面的

html5   css   html   javascript  

响应式布局详解之head标签添加的属性详解 <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> 表示:设置屏幕按1:1的尺寸显示,在 iPhone 和其他智能手机的浏览器提供网站全视图浏览,并禁止用户缩放页面。 <meta http-equiv="X

html5   css   html  

今天想谈谈一道前端面试题,我做面试官的时候经常喜欢用它来考察面试者的基础是否扎实,以及逻辑、思维能力和临场表现,题目是:“模拟实现ES5中原生bind函数”。 也许这道题目已经不再新鲜,部分读者也会有思路来解答。社区上关于原生bind的研究也很多,比如用它来实现函数“颗粒化(currying)”, 或者“反颗粒化(uncurrying)”。 但是,我确信有很多细节是您注意不到的,也是社区上关于这个

前端工程化   前端   html   css   javascript  

在日常开发中,经常使用固定定位position:fixed,使得元素相对于屏幕视口定位,常常用在头部、侧边抽屉菜单、FAB等。固定定位的元素,不会随窗口滚动而移动,与父元素的位置无关,但真的是这样吗? 假设页面上有一些固定定位元素,如<header>和<menu>,让我们在body的样式中添加一句代码transform: translate(30px,30px): // html <header>

css  

页面布局中经常用会遇到左侧宽度自适应,右侧固定宽度,或者左侧宽度固定,右侧自适应。总之就是一边固定宽度,一边自适应宽度。 一般固定宽度是导航栏,自适应宽度的是主体内容显示区。 所以要实现这种布局,就先给出如下html结构: <div class="container"> <div class="sidebar">导航区域</div> <div class="main">主体内容显示

布局   样式   css  

机械转行前端,半年零基础自学的心路历程 标签: 转行 自学 原创:Michael.Lu 277133779@qq .com 转载注明出处 这是初级群(西安初级前端群:4983126)里边的一次分享,然后整理出来,分享给大家。 大家晚上好。首先感谢(@西安-F7)大大提供的平台。受(@上海 -杰克)大大委托,于今晚分享一下本人的自学历程——主题:机械转行前端,半年零基础自学的心路历程。以前从没有进行

html   css   javascript  

网页前端开发过程中,后端传来的文本数据长短不可控,如果接收到的文本非常长且又没有作自适应处理,页面效果会十分可怕。自适应处理在这种场景下确实很重要,不过,另一种解决方案同样也可以考虑,那就是本文将要讨论的省略多余文字,尤其是在移动端屏幕资源有限的情况下,更应该采用省略文字的解决方案。 本文将讨论单行和多行文字省略的方案,特别是多行文字的省略,不像单行省略的解决方案那么简单全面,故本文重点讨论多行文

javascript   html   css  

规范开发工具

编辑器 phpstrom sublime text3 APICloudSnippets Alignment AutoFileName Bootstrap 4 Autocomplete BracketHighlighter CSS Snippets CSS3 DocBlockr Emmet Git HTML Snippets HTML5 HTMLBeautify JS Snippets JavaSc

javascript   php   html   css   laravel  
1 2 3 4 5 6 7 8 9