文章库ARTICLE COLUMN

  • 【Hello CSS】第七章-CSS的继承与可变性

    【Hello CSS】第七章-CSS的继承与可变性

    摘要:中的继承实际上是父级元素对子元素的影响。如果使用的属性为继承属性,则将其视为,否则则视为。张载名言警句人若志趣不远,心不在焉,虽学不成。张载效果如下代码在我中,大家可以随时查看。 作者:陈大鱼头 github: KRISACHAN 继承 继承(英语...

    wangtdgoodluckwangtdgoodluck 评论0 收藏0
  • flex布局和float布局混合使用导致的css失效问题 (上)

    flex布局和float布局混合使用导致的css失效问题 (上)

    摘要:需求两端对齐这个需求应该是比较容易的,使用布局就可以轻松完成。布局和布局混用导致的布局混乱的原因水平布局左按钮组左浮动,右按钮组右浮动没有采用后果是预期中的左按钮组没有左浮动,右按钮组也没有右浮动。这是我下一篇需要着重解决的问题。 需...

    xingpingzxingpingz 评论0 收藏0
  • 移动端:web前端实用小技巧

    移动端:web前端实用小技巧

    摘要:及时搜索需要之后触发,不能满足及时搜索需求键盘点击及时触发,但是鼠标复制粘贴就不是很好了,是标准事件,当元素值发生改变时触发是当前对象发生改变,专属例如均可用文字溢出显示省略号解决如果是行内元素加一个有的时候,移动端会因为设置了这个块...

    QiuyueZhongQiuyueZhong 评论0 收藏0
  • 讲清楚基础系列——css布局

    讲清楚基础系列——css布局

    摘要:两列或三列布局使用左右中间圣杯和双飞翼布局,都是为了实现一个两侧宽度固定,中间宽度自适应的三栏布局。,,同样需要设置父元素的高度方案方案,,更适合子元素宽高固定的情况是父元素的中心点,减去图片宽度和高度的一半从而达到定位效果 两列或三...

    qpwoeiru96qpwoeiru96 评论0 收藏0
  • IIFE立即执行函数

    IIFE立即执行函数

    区别functionIife最左边为(。编译器认为是iife,不是函数。 IIFE的目的是为了隔离作用域,防止污染全局命名空间 弥补scope的缺陷 用于隔离作用域全局作用域 块级作用域 函数作用域只有function才能实现作用域隔离,因此如果要将一段代码中的变量、函数等的...

    DogeeDogee 评论0 收藏0
  • 又是一波前端知识点总结

    又是一波前端知识点总结

    摘要:总结的点都杂七杂八,但愿能找到对你有所帮助的,没有的也没关系嘛 总结的点都杂七杂八,但愿能找到对你有所帮助的,没有的也没关系嘛!

    williamwen1986williamwen1986 评论0 收藏0
  • 代码质量把控和项目进度之间的平衡

    代码质量把控和项目进度之间的平衡

    摘要:所以这中间需要一个取舍,哪些是要严格要求的,哪些是可以不管的。首先,好代码可能是聊出来的。比如需求确认这一块,多问多画流程图少动手。在这个过程中不断整理和梳理原有的概念。代码的直接修改。最后,好代码是改出来的。 作为前端负责人,很多时...

    guyan0319guyan0319 评论0 收藏0
  • 反思:我使用ID选择器时应该考虑这些问题

    反思:我使用ID选择器时应该考虑这些问题

    摘要:选择器是否唯一有没有在中使用大量的选择器作为一个小白,从接触前端开始就铭记选择器的值唯一,所以在自己编写代码时严格遵循。中尽可能少的使用选择器,一般为了实现功能,少些一个,我也会用选择器定义元素的样式,不知这种方式会不会有什么问题 I...

    fsmStudyfsmStudy 评论0 收藏0
  • 我讨厌你公事公办的样子

    我讨厌你公事公办的样子

    摘要:几次下来,小明也只能板起脸来,公事公办了。那么以后,为了安全起见,小明也只能公事公办了。这份职场中的友情对小明来说不仅是负担,还是危险的定时炸弹。 我们经常会吐槽某些机构或者单位办事效率低,不近人情。所有办事员都是一副公事公办的样子,...

    junbaorjunbaor 评论0 收藏0
  • CSS资源相关整理

    CSS资源相关整理

    你真的理解CSS的linear-gradient?CSS3 linear-gradient线性渐变实现虚线等简单实用图形

    Harpsichord1207Harpsichord1207 评论0 收藏0
  • CSS 面试题: 手写 collapse(折叠) 的 css/html 部分

    CSS 面试题: 手写 collapse(折叠) 的 css/html 部分

    摘要:杂剧,宋代以滑稽搞笑为特点的一种表演形式,元代发展成戏曲形式。每本以四折为主,在开头或折间另加楔子,每折用同宫调同韵的北曲套曲和宾白组成。 源码: https://github.com/any86/any-... 做一个组件库不难 其实vue/react等框架的出现, 让自己做一...

    TikitooTikitoo 评论0 收藏0
  • 什么是 CSS?

    什么是 CSS?

    摘要:的第二章,什么是释义,层叠样式表也算是一种标记语言,其内容作为浏览器的输入,浏览器会解析其文本内容,作为附加的样式信息,用以修饰标签。年,提出层叠样式表,的雏形出现。属性的继承开篇我们就提到了,为层叠样式表,层叠代表的意思为属性的继承...

    hankkinhankkin 评论0 收藏0
  • Flex布局实例,水平垂直居中展示

    Flex布局实例,水平垂直居中展示

    摘要:布局也叫布局,弹性盒子布局目标在于提供一个更有效地布局对齐方式,并且能够使父元素在子元素的大小未知或动态变化情况下仍然能够分配好子元素之间的间隙。以上是对的简单介绍。下面有个小例子,大家经常用到的,某个里面水平垂直居中, Flexbox 布局...

    104828720104828720 评论0 收藏0
  • CSS篇 - 弹性布局flex

    CSS篇 - 弹性布局flex

    摘要:起始值,分配多余空间前的初始长度主轴横向时是宽度可用的长度值,如等浏览器根据这个属性,计算主轴是否有多余空间。 目前纯文字描述,后期补上图片说明 概念 主轴:main-axis,默认横向的轴 交叉轴:cross-axis,默认纵向的轴,有的称为侧轴,与主...

    zhaochunqizhaochunqi 评论0 收藏0
  • 拥有漂亮UI的flutter学习项目,持续更新中哟

    拥有漂亮UI的flutter学习项目,持续更新中哟

    摘要:可以说是今年最火的开源框架了,而我怎能不追随呢。因此在学习过程做了一个项目,学习开发中常用的组件,最美的,易懂的代码,本项目会持续更新中,因为我也在努力学习。项目目前主要熟悉了等等组件,实现了一些动效。本项目会一直更新。。。 showImg(...

    AomineAomine 评论0 收藏0
  • 来做一个简单的蔚来汽车官网首页

    来做一个简单的蔚来汽车官网首页

    摘要:首先来看看蔚来官网长什么样子不会做动图,所以具体效果可以去蔚来官网看根据效果,我们来分析一下页面加载进去后会有黑色的背景,然后慢慢地图片和文字动画加载出来说明背景图不是在父亲节点加背景图片,否则不会有黑色背景和图片的动画那么就需要一个...

    TZLLOGTZLLOG 评论0 收藏0
  • html5 autocomplete='off' 解决 Chrome浏览器取消i

    html5 autocomplete='off' 解决 Chrome浏览器取消i

    摘要:自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。提示在某些浏览器中,您可能需要手动启用自动完成功能。 在input标签上加 autocomplete="off"属性,off不记录,on记录可能会...

    shenhualongshenhualong 评论0 收藏0
  • 啦咯ill图

    啦咯ill图

    摘要:根据继承一说,我们在的内容容器中没有显式的设置字体大小,这样整个将继承了其父元素的字体。很容易得到他们的值为 根据CSS继承一说,我们在div#wrap的内容容器中没有显式的设置字体大小,这样整个div#wrap将继承了其父元素body的字体—...

    cfanrcfanr 评论0 收藏0
  • 清楚浮动/边界塌陷bfc

    清楚浮动/边界塌陷bfc

    摘要:不会重叠浮动元素可以包含浮动我们可以利用的第三条特性来清浮动,这里其实说清浮动已经不再合适,应该说包含浮动。总而言之清理浮动两种方式利用属性,清除浮动使父容器形成 CSS清浮动处理(Clear与BFC)在CSS布局中float属性经常会被用到,但使用flo...

    remcarpediemremcarpediem 评论0 收藏0
  • position定位有哪些?各有什么特点?

    position定位有哪些?各有什么特点?

    摘要:特点改属性块状元素在的情况下为,但是设置了之后,会将变成会受到父元素的宽度影响。即设置前后的和属性值不变。会改变行内元素的呈现模式,使之变更为。会让元素脱离普通流,不占据空间。默认会覆盖到非定位元素上。 osition属性值:position的属性值...

    罗志环罗志环 评论0 收藏0
  • CSS 常用布局在小程序中的应用

    CSS 常用布局在小程序中的应用

    摘要:常用布局在小程序中的应用所有布局的根本都是个基本概念定位浮动外边距操纵我们其他的布局实现方式,都是基于正常的文档流来进行的。具体实现,可以使用微信小程序的单位,以及使用定位浮动布局来实现。 CSS 常用布局在小程序中的应用 所有css布局的根...

    garfileogarfileo 评论0 收藏0
  • 校招社招必备核心前端面试问题与详细解答

    校招社招必备核心前端面试问题与详细解答

    摘要:本文总结了前端老司机经常问题的一些问题并结合个人总结给出了比较详尽的答案。网易阿里腾讯校招社招必备知识点。此外还有网络线程,定时器任务线程,文件系统处理线程等等。线程核心是引擎。主线程和工作线程之间的通知机制叫做事件循环。 showImg("h...

    RangoRango 评论0 收藏0
  • * 请说出静态资源请求的优化措施?是否用过“雪碧图”和iconfont?

    * 请说出静态资源请求的优化措施?是否用过“雪碧图”和iconfont?

    摘要:减少请求合并打包小图标等用代替作为单个节点使用,可以设置大小颜色等,非常便利。前后端分离项目,不论是还是,都有相应的工具包。不过,大部分前端对应该陌生一些,为了实践技术,用熟悉的即可,真正的项目部署,有专业的实施人员来搞使用缓存 减少...

    不知名网友不知名网友 评论0 收藏0
  • BFC

    BFC

    摘要:简称简称中只有和中还增加了和定义直译为块级格式化上下文。它是一个独立的渲染区域,只有参与,它规定了内部的如何布局,并且与这个区域外部毫不相干。 BFC Block fomatting context (简称BFC)Inline formatting context (简称IFC)CSS2.1 中只有 BFC ...

    yanweiyanwei 评论0 收藏0
  • 前端面试重点之——多列布局

    前端面试重点之——多列布局

    摘要:重点以需求为例说明。三左边不定宽,右边自适应布局需求左侧不定宽,右侧自适应,间距。五等宽布局解决方案需求多列等宽,并保留间距。 在页面开发中,当我们拿到设计师给出的UI图后,首先考虑的就是布局问题,而多列布局会是我们碰到最多的布局...

    makeFoxPlaymakeFoxPlay 评论0 收藏0

热门文章

<