文章库ARTICLE COLUMN

  • css的background属性

    css的background属性

    摘要:背景属性如下设置或检索对象的背景特性设置或检索对象的背景颜色设置或检索对象的背景图像设置或检索对象的背景图像如何铺排填充设置或检索对象的背景图像是随对象内容滚动还是固定的设置或检索对象的背景图像位置新增的设置或检索对象的背景图像 背景...

    琛h。琛h。 评论0 收藏0
  • 网易微专业之《前端开发工程师》学习笔记(1)

    网易微专业之《前端开发工程师》学习笔记(1)

    摘要:点击此处了解网易微专业课程前段时间报名参加了网易云课堂微专业课程前端开发工程师,这周课程开始了,正式学习。以下内容为前端开发工程师微专业的第一门课网页制作的课程学习指南,学习视频课程后自己整理的学习笔记,会持续更新内容。 何为网易微专...

    geekzhougeekzhou 评论0 收藏0
  • 谈谈如何用CSS处理文本格式

    谈谈如何用CSS处理文本格式

    摘要:一个长单词超出整个容器宽度时是否换行必须注意到,这是一个长单词便超出容器宽度的情况,而且只需考虑英文,中文没有此特性。规定如何处理内容溢出容器属性作用于型元素上。 前言 文本方面的CSS内容不少,但只要是用过一下office word来编辑过文章的...

    sourcesource 评论0 收藏0
  • background-size

    background-size

    摘要:支持情况以及在移动开发的时候,需要尺寸减半的需要。实际看效果的时候,出现了问题,原来不能这么用。背景图像缩放同时保留图像原有的比例长宽比无论是图像的宽度或高度超过背景区域以尽可能大的覆盖背景区域。 background-size 支持情况:IE9+、Fire...

    SolomonXieSolomonXie 评论0 收藏0
  • 网站代码优化

    网站代码优化

    摘要:将面试整理的网站优化资料记一记,针对移动端的代码说的。而第三种里面在移动端里使用号比数组快很多,在端得看浏览器,不同浏览器不同版本对这两种方式的优化不同。尽量减少对的操作这个例子需要动态添加,动态删除,每个标签有事件。 将面试整理的网...

    Forest10Forest10 评论0 收藏0
  • 使用Gulp进行Javascript以及css压缩合并

    使用Gulp进行Javascript以及css压缩合并

    摘要:完成安装之后,需要使用安装。此时项目根目录下会多出下面这个文件夹好的,现在已经安装完成了,但是本身不提供压缩合并等功能,需要使用的相关插件。使用,现在可以使用了,在项目根目录下创建文件。任务完成,只需要将中,引用的路径修改成新的路径即...

    sixgosixgo 评论0 收藏0
  • 巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)

    巧用margin/padding的百分比值实现高度自适应(多用于占位,避免闪烁)

    摘要:那想要优化这一点,唯一的方法就是利用内容高度来撑开而非,这个方案跟消除浮动所用的方案非常相似给容器添加一个子元素伪元素,并把子元素伪元素的设为,使其实际高度相当于容器的宽度,如此一来,便能把容器的高度撑至与宽度一致了。 一个基础却又容...

    wenziwenzi 评论0 收藏0
  • 3d transform的坐标空间及位置

    3d transform的坐标空间及位置

    摘要:控制摄像机画面网页里的摄像机一般是这样用的在网页里,无论你搭建了怎样的三维场景,只要你希望它显示出来,就应该像这样把构成场景的三维物体都放在一个容器元素里,然后为容器元素添加摄像机属性和。 css里的3d理念 使用css3的3d transform,就可以...

    fasssfasss 评论0 收藏0
  • CSS清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?

    CSS清除浮动float的三种方法总结,为什么清浮动?浮动会有那些影响?

    摘要:方法三据说是最高大上的方法方法注意作用于浮动元素的父亲先说原理这种方法清除浮动是现在网上最拉风的一种清除浮动,他就是利用和来在元素内部插入两个元素块,从面达到清除浮动的效果。的作用是允许浏览器渲染它,但是不显示出来,这样才能实现清楚浮...

    MAX_zuoMAX_zuo 评论0 收藏0
  • zhilizhili-ui 2016始动 移动端select美化

    zhilizhili-ui 2016始动 移动端select美化

    摘要:移动端样式不统一问题如何解决用不过弹出层是不可以的但是展示的地方可以就像如图我们找个设计然后你就可以开始做了首先会导致一些不对的地方不可以多带带使用其实我们发现我们需要这样一个 移动端 select 样式不统一问题如何解决 用css 不过弹出层是...

    dreamtecherdreamtecher 评论0 收藏0
  • css--全屏布局

    css--全屏布局

    摘要:之前写了几个居中布局的例子,同时也提到了对于页面的全屏布局。列方向进行布局占据剩余区域核心思想就是不对部分设置具体的百分比。 之前写了几个居中布局的例子,同时也提到了对于页面的全屏布局。这里详细总结两种常见的全屏布局的案例,当然,实际...

    enalienali 评论0 收藏0
  • less编写css代码

    less编写css代码

    摘要:编写样式表我想大家应该都已经熟悉了。我在这里说的是使用的插件进行样式的编写,使用起来比原本的直接编写样式,更加的简单与方便,代码也变得更加的整齐。上直接使用编写代码准备电脑上的已经安装了插件。使用简单直接新建一个的文件,在其中编写的代...

    testHstestHs 评论0 收藏0
  • 我的前端开发准则

    我的前端开发准则

    摘要:转眼入行一年半,在前端这条路上摸爬滚打,学海无涯,生命不息,不止。再次说明,这是我的准则,里面有精华也有糟粕,如果有热心人能指点一二,感激之情,不胜言表。站点内部的,每次发布上线之前必须使用压缩合并。 转眼入行一年半,在前端这条路上摸...

    AndrmanAndrman 评论0 收藏0
  • 弹性盒子模型详解

    弹性盒子模型详解

    摘要:二弹性盒模型历史弹性盒模型历史英文原版或者查看中文翻译版另外附上标准文档弹性盒模型在过去几年间制定了三版草案规范。给子元素直接添加属性即可七后话以上是本文所有内容,以下是小白我的感慨。 一、前言 由于W3C在制定弹性盒模型内容有多版草案,...

    rozborozbo 评论0 收藏0
  • webpack初探

    webpack初探

    摘要:我们还想要的颜色我们通过下面命令行可以做到观察模式我们不想每一次项目变化都要手动编译可以缓存两次编译之间没有变化的模块和输出文件。开发服务器使用开发服务器开发体验会更好这将在本地启动一个端口的服务,指向静态文件以及自动编译。 原文英文...

    LavenderLavender 评论0 收藏0
  • webpack把你的项目编译成了什么

    webpack把你的项目编译成了什么

    摘要:一般会帮我们把所有的文件,,图片等编译成一个文件安装,使用,一般这个文件名为。当被加载到浏览器这个函数就会立即执行。模块缓存模块缓存所有被加载过的模块都会成为对象的属性。这一步主要是靠函数做到的。 webpack一般会帮我们把所有的文件(js...

    cheukyincheukyin 评论0 收藏0
  • 完美实现文字图片水平垂直居中

    完美实现文字图片水平垂直居中

    摘要:想居中就居中,爽啊很完美有木有如果能支持的话,又是该死的文章转自换行文字图片水平垂直居中完美解决方案 垂直居中是一个历史悠久的大问题,要做到兼容所有浏览器少不了要花点时间,网上也流传了很多解决方案,但没发现比我现在用的方案更完美,至少...

    张宪坤张宪坤 评论0 收藏0
  • 编写大型项目web页面 从写web登陆页面开始

    编写大型项目web页面 从写web登陆页面开始

    摘要:页面搭建需要准备什么工具首先我们会和设计师沟通我们需要一些检验设计的工具自动裁图自动测量工具我这里安利一下一个工具我用的可以使用阿里的工具拿到界面不要急着做看看有什么问题有些我都会问端问题如果要兼容我要考虑成本如果是一个人办可能会出现...

    骞讳护骞讳护 评论0 收藏0
  • 让footer固定在页面(视口)底部

    让footer固定在页面(视口)底部

    摘要:让固定在页面视口底部这是一个让网站固定在浏览器页面内容小于浏览器高度时页面底部的技巧。如何通过用让固定在页面顶部。负外边距应该与的整体高度相等包括。没有内容会超出和的标签,除非超出内容是通过的绝对定位。 让footer固定在页面(视口)底部...

    Lemon_95Lemon_95 评论0 收藏0
  • calc 与 box-sizing 的替代

    calc 与 box-sizing 的替代

    摘要:背景之前发现这个布局新属性之后就非常喜欢,爱不释手。语法取值说明元素的宽度高度等于元素边框宽度加上元素内边距加上元素内容宽度高度即。元素的宽度高度等于元素内容的宽度高度。 背景 之前发现calc这个布局新属性之后就非常喜欢,爱不释手。在公...

    ivydomivydom 评论0 收藏0
  • Ckeditor编辑器上传图片无法居中以及样式错乱的问题解决

    Ckeditor编辑器上传图片无法居中以及样式错乱的问题解决

    摘要:昨天,好端端的网站突然上传图片无法显示,并且无法居中,后台采用的是。然后进入了沉思,起初以为是编辑器的问题,更换编辑器试验,还是同样的问题,显然排除了编辑器的问题。正是这些导致了前台样式错乱,导致上传图片无法显示和居中的问题。 昨天,...

    jamesjames 评论0 收藏0
  • 别再被各种单位迷惑:px/em/rem

    别再被各种单位迷惑:px/em/rem

    摘要:引自手册是相对长度单位。所有未经调整的浏览器都符合。特点是新增的一个相对单位,根,这个单位引起了广泛关注。目前,除了及更早版本外,所有浏览器均已支持。对于不支持它的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。 在他处看到一篇...

    terenteren 评论0 收藏0
  • 切图系列:W3C奇技淫巧之层叠上下文

    切图系列:W3C奇技淫巧之层叠上下文

    摘要:同一个层叠上下文中,层叠级别相同的两个元素,依据它们在文档流中的顺序,写在后面的将会覆盖前面的。因此,元素的层叠关系不仅与它在堆叠上下文中所属的层叠级别有关,还与它所在的堆叠上下文的顺序有关。 w3c规范里的stacking context,译作层叠上...

    pcChaopcChao 评论0 收藏0
  • 编写大型项目web页面 样式基础搭建

    编写大型项目web页面 样式基础搭建

    摘要:文中的一些方法来源于我的有出售请大家自行拷贝粘贴颜色要使用代词加数字大小形式数字规格颜色变量不许由或者方法计算得出项目颜色基于配色基础色库设计师都会配出来项目色库需要项目去改变设计师文字和前端页面开发者文字必须为同一类 文中sass的一...

    DeanDean 评论0 收藏0
  • 「译」高效的 “box-shadow” 动画

    「译」高效的 “box-shadow” 动画

    摘要:给变化的制作动画会大大缩减页面渲染的性能。尽量的减少重绘的次数,可以保证你的动画能够保证在左右通过改变子元素的透明度。为什么会有这样的结果只有很少的属性才能避免在动画的过程不断的重绘,像和。 原文地址:http://tobiasahlin.com/blog/how-...

    pkwendapkwenda 评论0 收藏0

热门文章

<