文章库ARTICLE COLUMN

  • CSS小技巧(二):布局

    CSS小技巧(二):布局

    摘要:在我们写代码的过程中,可以养成记录一些小技巧的习惯。不到万不得已,尽量少使用或在可控范围内使用。可以在缩小浏览器窗口时等比例缩放。但此时不能加左右的,否则总宽度会超过的宽度。我们为达到目的让同一类和左右排布不同类上下排布。 在我们写CS...

    PinkPink 评论0 收藏0
  • 【每日一包0026】delegates

    【每日一包0026】delegates

    摘要:地址源码依赖委托机制,用于对象属性代理创建一个代理实例,使用对象下的对象作为被代理者接受一个方法,进行方法代理将上的方法直接代理到上属性的获取被代理属性的赋值代理赋值和获取值得双向代理被代理者中该属性有值就返回该值没有的话可以通过函数...

    rubyshenrubyshen 评论0 收藏0
  • CSS盒模型对比

    CSS盒模型对比

    摘要:盒模型一般分为标准盒模型,盒模型一般大家都是使用需要注意的是设置了这样一条样式所以在使用过程中需要小心,不要冲突,导致怪异的情况出现而不知原因默认值标准盒模型顾名思义此时属性值是内容的宽度,而盒子的宽度是的宽度所以盒子大小会随 盒模型...

    young.liyoung.li 评论0 收藏0
  • (S)CSS中实现主题样式的4½种方式

    (S)CSS中实现主题样式的4½种方式

    PM说要实现一个一键设置主题的功能,作为技术,你能想到的实现方式有哪些呢? 1. 什么是主题样式? 相信大家对网页的主题样式功能肯定不陌生。对于一些站点,在基础样式上,开发者还会为用户提供多种主题样式以供选择。 下面就是一个主题样式功能:用户可以...

    JensenJensen 评论0 收藏0
  • 上海下雨了,不来点函数防抖、节流压压惊?

    上海下雨了,不来点函数防抖、节流压压惊?

    我的掘金地址

    AnthonyHanAnthonyHan 评论0 收藏0
  • 【每日一包0028】cache-content-type,mime-types

    【每日一包0028】cache-content-type,mime-types

    摘要:地址源码依赖响应头部工具包,基于包,对结果进行了缓存获取完成的头部获取类型的默认扩展名获取默认字符编码 [github地址:https://github.com/ABCDdouyae...] cache-content-type(koa2源码依赖) http响应头部工具包, 基于mime-types包,对结果进行...

    MSchumiMSchumi 评论0 收藏0
  • 详解CSS的Flex布局

    详解CSS的Flex布局

    摘要:本文由云社区发表是的缩写,意为弹性布局,是的一种布局模式。通过布局,可以很优雅地解决很多布局的问题。与交叉轴两端对齐,轴线之间的间隔平均分布。表示当空间不足时,不缩小。此文已由作者授权腾讯云社区发布 本文由云+社区发表 Flex是Flexible B...

    lboollbool 评论0 收藏0
  • 【每日一包0027】statuses

    【每日一包0027】statuses

    摘要:地址源码依赖状态码工具包返回对应的状态码返回所有状态码构成的对象返回状态码构成的数组获取改状态吗的描述判断状态码是不是重定向返回,,返回不需要返回任何实体内容返回 [github地址:https://github.com/ABCDdouyae...] statuses (koa2源码依赖)...

    MSchumiMSchumi 评论0 收藏0
  • 【学习笔记】CSS深入理解之vertical-align

    【学习笔记】CSS深入理解之vertical-align

    摘要:上例中,左边盒子的基线为其底边缘,右边盒子的基线为的基线将右边盒子的行高设置为,即这个的高度为,位置处于中间。 vertical-align的值 线类:baseline(默认), top, bottom, middle 文字类:text-top, text-bottom 上标下标类:sub, super 数值...

    ermaoLermaoL 评论0 收藏0
  • 【学习笔记】CSS深入理解之overflow

    【学习笔记】CSS深入理解之overflow

    摘要:张鑫旭的深入理解之学习笔记基本属性属性介绍默认当与值相同时,等同于当与值不相同时,其中一个值被赋予时,若另一个值为,那这个会被重置为作用前提元素非对应方位的尺寸限制拉伸对于单元格等需要为状态才可以与滚动条页面默认滚动条来自与无 《张...

    Ali_Ali_ 评论0 收藏0
  • 【学习笔记】CSS深入理解之line-height

    【学习笔记】CSS深入理解之line-height

    摘要:内联盒子的高度由决定,限制包含盒子的高度,两者一致,即把内联盒子安放在包含盒子内,排除其他外界干扰。这时候由内联盒子模型可知,行间距是等分的,中间部分是,达到看似居中的效果。可以得到结论和设置一致,并非是完全垂直,除非为。 张鑫旭的C...

    StardustskyStardustsky 评论0 收藏0
  • CSS中左上朝向三角形(Top-Left Triangle)的几种制作方式

    CSS中左上朝向三角形(Top-Left Triangle)的几种制作方式

    摘要:今天我们介绍几种,用实现左上朝向三角形的写法。示意图以宽高各为例这种三角形,一般可以用来做对话框类型图形的左下小脚。第一种第二种第三种大家可以尝试更多种的三角形做法,以及不同朝向的三角形。这里强烈推荐一个常用图形的展示网站 今天我们介...

    2017111220171112 评论0 收藏0
  • 【学习笔记】CSS深入理解之absolute

    【学习笔记】CSS深入理解之absolute

    摘要:张鑫旭的深入理解之学习笔记绝对定位的特性绝对定位与浮动相似,都有破坏性和包裹性。利用绝对定位元素脱离文档流的特性,使用动画可以避免大范围的回流和重绘。绝对定位元素拉伸实现宽高自适应,可应用于大范围的布局。 《张鑫旭的CSS深入理解之abso...

    AnlebAnleb 评论0 收藏0
  • 【芝士整理】CSS经典布局

    【芝士整理】CSS经典布局

    摘要:水平居中行内元素定宽块元素常规流中浮动块元素负边距绝对定位元素负边距居中绝对居中不定宽块元素完整垂直居中单行和一致定高块元素负边距居中绝对居中不定高块元素完整水平垂直居中行内元素 水平居中 行内元素 text-align .parent { text-align:...

    chavesguchavesgu 评论0 收藏0
  • 【前端芝士树】纯CSS实现多行文本溢出显示省略号

    【前端芝士树】纯CSS实现多行文本溢出显示省略号

    摘要:前端芝士树纯实现多行文本溢出显示省略号使用来控制行数由于用来限制在一个块元素显示的文本的行数这是一个不规范的属性,它没有出现在规范草案中,为了实现该效果,它需要组合其他外来的属性。 【前端芝士树】纯CSS实现多行文本溢出显示省略号 使用-w...

    CNZPHCNZPH 评论0 收藏0
  • CSS小技巧(一):iconfont的使用

    CSS小技巧(一):iconfont的使用

    摘要:已经被添加入库的图标会以虚线框起来,以鉴别是否重复选取。点击右上角的购物车小图标,选择添加至项目。创建项目并加入此新项目。将代码引入页面中,一般放在标签内即可。这是一种最新的引入方式,也是未来主流的方式。 在我们使用CSS对页面进行编辑...

    baiybaiy 评论0 收藏0
  • 【学习笔记】CSS深入理解之border

    【学习笔记】CSS深入理解之border

    摘要:张鑫旭的深入理解之学习笔记不支持百分比,原因是边框本身具有宽度固定的意义,不同设备的边框不会因设备宽度而等比改变。可以利用该特性实现图标变色的效果与定位不计算区域,只限于以内的盒子。 张鑫旭的CSS深入理解之border学习笔记 border-width ...

    he_xdhe_xd 评论0 收藏0
  • 【学习笔记】CSS深入理解之padding

    【学习笔记】CSS深入理解之padding

    摘要:张鑫旭的深入理解之学习笔记与容器的尺寸元素值过大,一定影响元素尺寸为定值,会影响元素尺寸为或者为,同时值没有暴走,不影响元素尺寸元素水平影响尺寸,垂直不影响尺寸,但是会影响占据空间会显示背景色负值与百分比单位不支持负值百分比相对于自身...

    learn_shifenglearn_shifeng 评论0 收藏0
  • 【学习笔记】CSS深入理解之margin

    【学习笔记】CSS深入理解之margin

    摘要:张鑫旭的深入理解之学习笔记与容器的尺寸可视尺寸对于没有设定的块元素,可改变元素水平方向的可视尺寸占据尺寸对于元素,可改变元素水平垂直方向的占据尺寸与百分比单位普通元素的百分比都是相对于容器的宽度计算的绝对定位元素的百分比是相对于包含块...

    stefanstefan 评论0 收藏0
  • 【学习笔记】CSS深入理解之z-index

    【学习笔记】CSS深入理解之z-index

    摘要:张鑫旭的深入理解之学习笔记层叠上下文什么是层叠上下文在轴上延伸出一个层级,离父级层叠上下文的顶部更近。遵循后来居上和谁大谁上的层叠原则。 张鑫旭的CSS深入理解之z-index学习笔记 层叠上下文 什么是层叠上下文?在z轴上延伸出一个层级,离父级...

    StevenSteven 评论0 收藏0
  • css-in-js 探讨

    css-in-js 探讨

    摘要:库通过在中插入标签在运行时创建样式。结论是一体化的样式解决方案,用于弥合和之间的差距。零运行时解决方案通过恢复工具来缓解一些缺点,这些工具将讨论提升到更有趣的水平。 Web开发是需要掌握多种技术。我们习惯于与多种语言密切合作。而且,随着...

    ScliangScliang 评论0 收藏0
  • 【学习笔记】CSS深入理解之relative

    【学习笔记】CSS深入理解之relative

    摘要:张鑫旭的深入理解之对绝对定位元素的限制限制定位限制层次限制,原本对绝对定位元素无效,容器设置的情况下生效的定位特性相对于自身无侵入,不会对其他元素的布局产生影响与与同时存在时,忽视的层叠特性可以提高层叠上下文为具体数值时,限制内部绝对...

    nanfeiyannanfeiyan 评论0 收藏0
  • 一行css代码轻松实现前端响应式布局(vw+rem)

    一行css代码轻松实现前端响应式布局(vw+rem)

    摘要:大家知道可以用来做响应式布局,只是元素上的样式需要根据屏幕宽度来指定。今天突然想到这个单位,发现用它来做响应式布局实在太方便了。只需一行屏幕标准宽,全部宽度是,即也就是每像素。这个值也可根据自己需要调整数值。具体实现的完整代码请参考 ...

    piapiapiapia 评论0 收藏0
  • h5与微信小程序直播开发

    h5与微信小程序直播开发

    摘要:是非常小巧的适合于类型的直播和点播是站开源的格式的播放器,适合于类型的直播二开发全局安装开发目录下初始化一个配置配置选项如下如果安装后出现警告说需要一个大于等于某个版本号的,但是没有安装的,需要手动安装版本号 一、播放器选型 video.js ...

    libxdlibxd 评论0 收藏0
  • 十分钟完成vscode配合Eslint使用

    十分钟完成vscode配合Eslint使用

    摘要:安装完成之后会看到如下的界面。安装完毕后,打开搜索插件,点击安装,安装完毕后,点击重新加载配置打开一定要加入这句代码然后就可以轻松愉快的写代码啦如果有什么需要更改的条件,要去这个文件里面配置具体规则等遇到了再去官网查 十分钟完成vscode...

    lijinke666lijinke666 评论0 收藏0

热门文章

<