文章库ARTICLE COLUMN

  • 前端webpack workflow(二)——Webpack基本使用

    前端webpack workflow(二)——Webpack基本使用

    摘要:还可以用作文件加载使用,详细请看。实用命令除了简单运行,还可以添加几个参数,方便部署文件处理。以上仅仅介绍了前端开发最基本的用法,更多参数以及功能使用,参考官网 作者:Jogis原文链接:https://github.com/yesvods/Blog/issues/3转载请注明...

    LeexMullerLeexMuller 评论0 收藏0
  • css定位案例探讨(position属性详解)

    css定位案例探讨(position属性详解)

    简述 定位问题一直是新手学习css的一个难点,现在我将他们总结出来,希望对大家有帮助 position详解 在css中,通过position属性,配合top,right,left,buttom对元素进行定位position属性有:static,relative,absolute,fixed四种,下面分别探讨 默认定位st...

    HalfHalf 评论0 收藏0
  • CSS3 变换

    CSS3 变换

    摘要:概览变换也叫转换,主要包括以下几种旋转扭曲缩放和移动以及矩阵变形。变换没有扭曲操作,有移动,旋转,缩放。三,取消的变换,将变换应用到上并置于缩放前,改变缩放值,没有任何变化。 概览 CSS3 变换也叫 2D/3D转换,主要包括以下几种:旋转(rotat...

    wayneliwayneli 评论0 收藏0
  • 前端工程师最易读错的英文单词排行榜

    前端工程师最易读错的英文单词排行榜

    摘要:学习前端有两个月时间了,在网上看了很多教程,受益匪浅,非常感谢这些无私奉献自己宝贵知识的前端前辈同行。但同时也发现了一点小问题,就是有些前端工程师的英文发音不标准,经常会把一些属性名读错。 学习前端有两个月时间了,在网上看了很多教程,...

    beanlambeanlam 评论0 收藏0
  • div高度占满整个屏幕

    div高度占满整个屏幕

    div高度占满整个屏幕 .main { padding: 0; margin: 0; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: red; ...

    cppprimercppprimer 评论0 收藏0
  • css编码规范

    css编码规范

    摘要:例行长度重要每行不得超过个字符,除非单行不可分割例如超长。例属性前缀建议属性的私有前缀按长到短排列,按对其例 * 约定: 以下事例代码中所用单位均为 rem ,关于 rem 单位的使用可参照 《移动端web app自适应布局探索与总结》 1 命名 1.1 文件命...

    jaycejayce 评论0 收藏0
  • 图解CSS3 读书笔记——选择器

    图解CSS3 读书笔记——选择器

    摘要:选择器统览的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了通过测试有如下更正或说明注下述浏览器兼容性以表示,表明以及以上版本。 CSS1、2、3选择器统览 css1、2、3的选择器及其对应的浏览器兼容性前端观察这篇文章已经详细总结了:C...

    fobnnfobnn 评论0 收藏0
  • 纯 CSS 实现星型 ☆ 评级

    纯 CSS 实现星型 ☆ 评级

    摘要:今天,我们用纯实现评级。这时,当你某个时,这个及其后面的都同时变为黄色实体星。对内联元素应用时要注意用纯实现评级的效果就实现了代码如下用实现评级效果思路当元素触发事件时,赋予不同的值。 今天,我们用纯CSS实现⭐️评级。 案例效果 showImg...

    oneasponeasp 评论0 收藏0
  • css实现左右顶头、宽度自适应的多列、多块并排,多列布局

    css实现左右顶头、宽度自适应的多列、多块并排,多列布局

    摘要:今天在工作中遇到了一个问题有三个块,里面放置展示内容,并排,中间有间隙,两边顶头,可以随屏幕大小自适应宽度。首先就是可能会打乱的加载顺序,还有就是间距是不固定的,并且加了,可能会有副作用。 今天在工作中遇到了一个问题:有三个div块,里...

    xuhongxuhong 评论0 收藏0
  • 可想造一个属于你自己的jQuery库?(二)

    可想造一个属于你自己的jQuery库?(二)

    摘要:初步体验这个版本呢先来加四个很简单的方法感受感受下首先个不用说了然后新增一个链式测试这些其实都很简单我们都要记住我们封装的对象是一个数组所以一定都需要用循环来进行各种个样的处理然后这我是用的个数来进行判断是取值还是设值最后千万别忘了每...

    muzhuyumuzhuyu 评论0 收藏0
  • CSS学习笔记(十六) CSS最佳实践之可维护性篇

    CSS学习笔记(十六) CSS最佳实践之可维护性篇

    摘要:国内各大公司都已经投入使用,在一些常见的网站,如淘宝腾讯小米等移动站点,随处可见其踪影。变革之腾讯手机淘宝的设计与实现前端乱炖适配总结样式重置上文已提及,这里推荐阅读同学写的专题文章。 前言 CSS代码难维护众所皆知。 为一个元素设置样式...

    newtreknewtrek 评论0 收藏0
  • table-cell布局

    table-cell布局

    摘要:这时,那些丢失的元素会被模拟出来,从而使得表格模型能够正常工作。所有的表格元素将会自动在自身周围生成所需的匿名对象,使其符合的三层嵌套关系。 html: 测试 测试 测试 测试 css: .b...

    dackeldackel 评论0 收藏0
  • 移动端web app自适应布局探索与总结

    移动端web app自适应布局探索与总结

    摘要:方案的简单介绍基于前提页面元素的布局尺寸全都以设计稿为基准等比例设置。给根节点设置一个基础值,然后页面的所有元素布局均相对于该值采用单位设定。 1、困扰多时的问题 在这之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度...

    wangjuntytlwangjuntytl 评论0 收藏0
  • [译]用CSS剪切圆形图片

    [译]用CSS剪切圆形图片

    摘要:译用剪切圆形图片在这个教程,我们会介绍一下使用技巧来渲染出圆形的通过设置标签的所有的属性为正方形宽高的,我们就可以把这个标签变成圆的。长方形图片长方形图片会稍微有一点技巧一点。回顾这个技巧最好适用于正方形的标签,主题正好位于图片的中心...

    canopus4ucanopus4u 评论0 收藏0
  • 利用HTML和CSS实现常见的布局

    利用HTML和CSS实现常见的布局

    摘要:中的有些元素也是这样,他们有的只对牛奶感兴趣,有的只喜欢吃坚果和果冻,而讨厌牛奶。我称之为果冻依赖型元素,又称之为依赖型元素,也就是说只有一个元素属于或是也可以理解为水平水平,其身上的属性才会起作用。 单列布局 水平居中 水平居中的页面...

    daydreamdaydream 评论0 收藏0
  • web app遇到的一些坑及小技能(持续更新...)

    web app遇到的一些坑及小技能(持续更新...)

    摘要:遇到的一些坑问题手机端事件会有大约的延迟原因手机端事件,因为在事件触发之后,浏览器要判断用户是否会做出双击屏幕的操作,所以会等待来判断,再做出是否触发事件的处理,所以就会有的延迟解决方法使用事件来代替事件,如的事件和,还有我自己 遇到...

    zhiweizhiwei 评论0 收藏0
  • 实现"输入框"获得焦点时外边框变蓝

    实现"输入框"获得焦点时外边框变蓝

    摘要:背景之前做了一个网页,网页中的所有输入框都被设计为获得鼠标焦点时外边框不变蓝。而且输入框的边框设置在了父元素上,所有当输入框获得焦点时,看到的应该是父元素上的边框变蓝,而不是里面的的边框变蓝。 背景 之前做了一个网页,网页中的所有输入...

    e10101e10101 评论0 收藏0
  • CSS3打造3D导航

    CSS3打造3D导航

    摘要:分析代码如下标签里包裹一个盒子里包裹两个,为效果的前后面做准备。分析外观定位代码如下效果首先创造环境,保留空间在的时候,我们让旋转,正面面对我们的元素向上翻转,下面有元素翻转上来,并且在翻转时有一个凸出来的效果。 效果预览 showImg("ht...

    mochixuanmochixuan 评论0 收藏0
  • 20 个 CSS 高级技巧汇总

    20 个 CSS 高级技巧汇总

    摘要:当然,如果你的新元素有兄弟元素的话,也可以使用通用的兄弟选择符页面顶部阴影下面这个简单的代码片段可以给网页加上漂亮的顶部阴影效果给添加行高你不需要分别添加到每个标记等。 使用技巧会让人变的越来越懒,没错,我就是想让你变懒。下面是我收集...

    Java3yJava3y 评论0 收藏0
  • 浅谈 CSS 清除浮动的 6 种方法

    浅谈 CSS 清除浮动的 6 种方法

    摘要:如果要解决可以参考前面的办法。例如父元素处于绝对定位与上一个方法同理,由于绝对定位已脱离正常文档流,故出现相同情况,解决办法依旧可以使用以上办法结合,灵活多变。 额外标签法 使用:after 伪元素 给父元素定高 利用overflow:hidden;属性 父元...

    WalkerXuWalkerXu 评论0 收藏0
  • flexbox学习

    flexbox学习

    摘要:学习,参考了两篇文章布局教程语法篇布局教程实例篇绘制了容器和项目的属性图,留着后面看 学习flexbox,参考了两篇文章Flex 布局教程:语法篇Flex 布局教程:实例篇 绘制了容器和项目的属性图,留着后面看 showImg("https://segmentfault.com/img/bVq...

    lpjustdoitlpjustdoit 评论0 收藏0
  • [译] 负边距详解

    [译] 负边距详解

    摘要:正是因为没有很好地了解负边距才是导致各种奇怪的问题。不理解它负边距不会在的设计窗口展示出效果。有两种场景负边距是很重要的。微调元素这是负外边距最常也是最简单的使用方式。 原文 The Definitive Guide to Using Negative Margins 自从1998年CS...

    VixbVixb 评论0 收藏0
  • [译]聊一聊CSS方法论

    [译]聊一聊CSS方法论

    摘要:这个方法论在内容和容器之间有着明显的区分。这是通过把命名为表示其角色的类名。通过使用这种扁平的命名方式避免了多后代的选择器。 原文链接:A Look at Some CSS methodologies CSS在大型,复杂,快速迭代的系统中难以管理的程度是出了名的。 其中...

    CoffeXCoffeX 评论0 收藏0
  • [译]用CSS来禁止文本选择

    [译]用CSS来禁止文本选择

    摘要:原文有些时候我们需要禁止网页的部分文本不能被选择。这不是一种万全的保证文本不被选择的策略。这种技巧依赖于非标准的特性,这意味着未来对这个属性的可持续支持上面存在着很大的不确定性。屏蔽掉文本选择是很恼人的。 原文:Disable Text Selection...

    ShevaKuilinShevaKuilin 评论0 收藏0
  • [译]深入了解CSS Box Shadow

    [译]深入了解CSS Box Shadow

    摘要:水平偏移水平偏移控制了盒子阴影在轴的偏移。同时,因为是负值,所以向上移动。如果是负值,则会在各个方向上收缩。值得注意的是,因为它的扩展距离是正,所以会在各个方向上增加因为没有水平和垂直偏移。它可以通过任何可以表示颜色的方式来表示颜色。...

    骞讳护骞讳护 评论0 收藏0

热门文章

<