文章库ARTICLE COLUMN

  • 前端基础进阶(二)

    前端基础进阶(二)

    摘要:默认样式重置统一样式重置类型盒子模型默认边距样式下的样式问题默认样式及圆角点击之后样式浏览器输入框高光移动端开发默认设置设置 默认样式重置 统一样式重置 input类型 input{ outline:none; border-width:0; } 盒子模型 div{ box...

    史占广史占广 评论0 收藏0
  • 【CSS篇】css居中解决办法

    【CSS篇】css居中解决办法

    摘要:水平居中行内元素适用元素块级元素适用于元素一个块级元素多个块级元素方法一将块级元素变为行内块级元素部分部分方法二布局部分部分垂直居中行内元素单个行内元素情况一当或文本有包裹元素时,设置相等的上下情况二当或 水平居中 【行内元素】适用i...

    appetizerioappetizerio 评论0 收藏0
  • [译]10个惊人的CSS和JavaScript动画logos例子

    [译]10个惊人的CSS和JavaScript动画logos例子

    摘要:任天堂的最新游戏的控制台带有一个辉煌的动画,他所有的商业广告和这个示例都由创建。使用重新构建任天堂开关,同时使用动画化整个事物。 现在构建一个HTML和CSS的动画logo比以前容易多了,配合更新的JavaScript库可以进一步推动网络动画的发展。 看看...

    YFanYFan 评论0 收藏0
  • <div>居中问题总结

    <div>居中问题总结

    摘要:要注意的是只对左右设置有用,上下没用,所以不能通过这种方式达到垂直居中目的。二水平垂直居中方式首先绝对定位,再把都巧妙设置成,最后设置为,浏览器就自动在上下和左右都留下相等的间距,达到了水平和垂直都居中的目的。 今天看到一道面试题,怎...

    CodeSheepCodeSheep 评论0 收藏0
  • 搭建移动端布局框架:整合flex

    搭建移动端布局框架:整合flex

    摘要:概述在移端的兼容并不是很好但是在移动端的支持却是很好而且布局对移动端布局来说简直就是福音但是没有经过整和处理用布局也算是艰难所以打算搭建一套基于的移动端布局工具来学习容器类容器工具类这是对和属性的封装将一个元素变成横向的容器将一个元素...

    icyfireicyfire 评论0 收藏0
  • 从重绘重排角度讲解transform的动画性能

    从重绘重排角度讲解transform的动画性能

    摘要:完成重排后,浏览器会重新绘制受影响的部分到屏幕,该过程称为重绘。重排必然导致重绘,所以重排更加恶心。使用绝对位置定位页面上的动画元素,将其脱离文档流,可以有效的防止重排。 render树的构建 showImg("https://segmentfault.com/img/remote/14...

    lentruelentrue 评论0 收藏0
  • 三栏布局中间自适应总结

    三栏布局中间自适应总结

    摘要:三栏布局,中间自适应这个经典的问题,之前也看了很多。需要对中间或者两边的属性进行微调,否则中间与两边高度不齐,效果如下所示方式三浮动负值法又被称为双飞翼布局法中间左边右边注意点要放在最前面,这样和才能覆盖上去。 三栏布局,中间自适应这...

    李义李义 评论0 收藏0
  • css整理

    css整理

    摘要:移动端屏幕图片模糊图标是设备是的屏,那么你得准备一个,分辨率是,这么写这个也很关键设置倍图为倍图大小或者上面的代码,就能实现在屏幕密度为的情况下加载屏幕密度为时加载。 移动端Retina屏幕图片模糊 //图标icon.png是16x16, 设备是2x的Retina屏...

    Miracle_lihbMiracle_lihb 评论0 收藏0
  • box-shadow

    box-shadow

    摘要:中的属性被用来添加阴影投影方式轴偏移量轴偏移量阴影模糊半径阴影扩展半径阴影颜色下述概念引用自阴影类型此参数是一个可选值,如果不设值,其默认的投影方式是外阴影如果取其唯一值就是将外阴影变成内阴影,也就是说设置阴影类型为时,其投影就 CSS3...

    cangercanger 评论0 收藏0
  • 移动端H5 viewport

    移动端H5 viewport

    摘要:移动端页面大家都遇到过的问题。移动端适配方案上移动端适配方案下本文对做一些补充手机屏幕手机屏幕属于硬件属性,我们无论是通过还是标签都是无法影响到它的。很多没有对移动端做适配的网页,我们用手机打开,发现网页被缩小到手机屏幕这么宽了。 移...

    CntChenCntChen 评论0 收藏0
  • 一名小白程序员的实习生生活

    一名小白程序员的实习生生活

    摘要:就在我看着书学习操作的第二个星期,当时面试我过来的蔡总给了我第一个练手项目。当晚发布了之后,蔡总便两周没有再问过我情况,嗯,我想,大概是我的界面太惊艳了吧。 多到懵逼的软件 刚刚到公司的时候最大的不适应就是公司的软件多到爆炸,当时以为...

    fyberfyber 评论0 收藏0
  • PHP仿微信多图片预览上传功能

    PHP仿微信多图片预览上传功能

    摘要:仿微信多图片预览下载演示地址生产图片区域,上传按钮可替换自己想要的图片在上查看代码片派生到我的代码片上传在上查看代码片派生到我的代码片创建实例的构造方法上传插件初始化选用那种方式的优先级顺序上传按钮远程上传地址文件地址文件地址最大上传...

    BlackjunBlackjun 评论0 收藏0
  • flex布局demo

    flex布局demo

    摘要:普通投诉处理中心审批承认立即处理。 示例一: * { margin: 0; padding: 0; } html { height: 100%; } body { height...

    BingqiChenBingqiChen 评论0 收藏0
  • 完整的学习和使用CSS动画【译】

    完整的学习和使用CSS动画【译】

    摘要:然而通过自定义贝塞尔曲线的值,可以满足你具体的动画时间需求。关于如何使用贝塞尔曲线的方法我们可以通过查看的开发者网站动画延时动画延时常常应用于当我们需要对动画进行的延时操作的时候。从而减少大部分动画执行期间潜在的性能损耗问题。 注:...

    fjcgreatfjcgreat 评论0 收藏0
  • 图片加载相关技术

    图片加载相关技术

    摘要:本小节将讨论与图片加载时机相关的技术预加载与懒加载。同样,可将请求成功与失败的回调,作为图片预加载成功与失败的处理。 目前,出于性能与灵活性方面的考虑,我们都将一些小图片替换成矢量图或者字体。除了这些能被替换的小图之外,还有一些不得不...

    junnplusjunnplus 评论0 收藏0
  • CSS选择器

    CSS选择器

    摘要:伪类选择器匹配在文档树中前面有个兄弟元素的元素,此时大于或等于,并且该元素具有父元素。简而言之,该选择器匹配多个位置满足的子元素。 伪类选择器 :nth-child & :nth-of-type nth-child(an+b)匹配在文档树中前面有an+b-1个 兄弟元素 的元素,此...

    ispringispring 评论0 收藏0
  • 拿什么拯救你——汗牛充栋良莠不齐的技术类文章

    拿什么拯救你——汗牛充栋良莠不齐的技术类文章

    摘要:技术人员也并不能免俗,除了,知乎,等几个大平台可以展现自己的技术实力,对业界叮出自己声音外。导致内容汗牛充栋,良莠不齐之因自然不在平台方,而在哪里不言自明。我的文章会在个人博客和知乎专栏同步发出,欢迎大家关注我的知乎专栏。 作者:胡子...

    xiaolinbangxiaolinbang 评论0 收藏0
  • Vue初探——Vue是什么

    Vue初探——Vue是什么

    摘要:还是由于帮我们省略了操作,加上双向数据绑定,的代码量减少很多,大概还是要看具体项目。其中元素赋值和加事件又需要获取元素和更元素赋值,也就是这个原因代码量才会增加。 本文代码下载地址 概述 前端开发近况 需求依然旺盛,从JavaScript已经在编...

    mindwindmindwind 评论0 收藏0
  • 前端面试题(中)

    前端面试题(中)

    摘要:注意封装成一个函数封装一个函数,将字符串实现的功能,但不使用方法,去掉字符串前后空格,返回处理后的字符串。当然答案还有很多,我们只是提供了其中几种,你有好的解答也可以发送邮件,大家共同交流讨论哈 来自妙味的一套面试题,以下答案来自JS讲...

    legendaryedulegendaryedu 评论0 收藏0
  • css的居中布局问题

    css的居中布局问题

    摘要:在和下不支持属性,设置方法无法解决浏览器兼容问题。对于不支持的和使用特定的。利用技术区别对待和,在不支持的下,通过给父子两层元素分别设置和来实现居中。 css经常用来处理居中问题,不同的情况使用不同的方法; 一 :水平居中 (1)文本、图片等...

    leoperfectleoperfect 评论0 收藏0
  • css:transform,transition,animation总结

    css:transform,transition,animation总结

    摘要:等同于贝塞尔曲线元素样式从初始状态过渡到终止状态速度是恒速。等同于贝塞尔曲线提供了类似关键帧控制的动画效果,通过属性实现。名称说明用来指定一个关键帧动画的名称,这个动画名必须对应一个规则。 1. transform 2d 名称 说明 transform 变...

    sevi_stuosevi_stuo 评论0 收藏0
  • 【译】Vertical-Align: All You Need To Know

    【译】Vertical-Align: All You Need To Know

    摘要:用于对齐行内水平元素,即那些属性为或本文不考虑的元素。元素的基线取决于元素是否具有内容有内容,元素的基线是普通流中最后一个内容元素的基线例如左边那个。 原文地址:Vertical-Align: All You Need To Know Often I need to vertically align el...

    niuxiaowei111niuxiaowei111 评论0 收藏0
  • HTML、CSS基础 {未完待续}

    HTML、CSS基础 {未完待续}

    摘要:表单能够包含元素,比如文本字段复选框单选框提交按钮等等。表单属性表单用于接收不同类型的用户输入,用户提交表单时向服务器传输数据,从而实现用户与服务器的交互。 标签 超链接(需要在新的浏览器窗口中打开时使用target) 点我 本页跳转 顶部 ......

    李涛李涛 评论0 收藏0
  • 翻译:如何使用CSS实现多行文本的省略号显示

    翻译:如何使用CSS实现多行文本的省略号显示

    摘要:利用该属性实现多行文本的省略号显示需要配合其他三个属性。这段代码实现很简单,就是三个子元素和包含块的高度及浮动设置模拟场景我们通过创建一个子元素来替代将要显示的省略号,当文本溢出的情形下该元素显示在正确的位置上。 本文翻译自CSS Ellips...

    lykopslykops 评论0 收藏0
  • clearfix清除浮动最佳实践

    clearfix清除浮动最佳实践

    摘要:版本一解释下这个参数,字符里有一个零宽度空格,即,代替原来的,可以缩减代码量。 版本一 .clearfix:after { content:"200B"; display:block; height:0; clear:both; } 解释下:content:"2...

    tommegotommego 评论0 收藏0

热门文章

<