文章库ARTICLE COLUMN

  • flex 圣杯布局

    flex 圣杯布局

    摘要:基本思路圣杯布局分为段上中下。中段被分为左中右块。采用布局时,先把弹性容器主轴设置为垂直方向上中下块弹性项目设置均匀拉伸或固定上下两端大小,让中间自动拉伸。中间块设置为自动拉伸,左右两块可设置固定宽度。   基本思路 圣杯布局分为3段:上...

    senntyousenntyou 评论0 收藏0
  • align-content 与 align-items 区别

    align-content 与 align-items 区别

    摘要:和共同点它们对齐方向为交叉轴不同点应用于为多行而应用于单行。单行对齐例子多行对齐例子align-content 和 align-items  : 1:共同点:它们对齐方向为交叉轴 2:不同点:align-content 应用于为 多行   而 align-items:应用于单行。 单行对齐例子...

    ASCHASCH 评论0 收藏0
  • flex-骰子布局

    flex-骰子布局

      弹性容器单行:主轴居中,交叉轴居中。 1 display: flex; 2 flex-direction: row; 3 align-items: center; 4 justify-content: center;   弹性容器单行;主轴两端对齐;交叉轴一个为起点边缘;一个为终点边缘; display: flex; flex-direction: row;...

    shusenshusen 评论0 收藏0
  • flex-手机端主页布局实例---构造页面结构

    flex-手机端主页布局实例---构造页面结构

    摘要:页面布局实例,成本效果图如下,源码下载在最下面。源码下载提取码样本地址Flexbox页面布局实例,成本效果图如下, 源码下载在最下面。 源码下载:https://pan.baidu.com/s/18o5hVuWtflUpgvMk3LzQ5w  提取码:wiyc样本地址:http://tpl.zhuamimi.cn/%...

    hot_pot_Leohot_pot_Leo 评论0 收藏0
  • W3C 代码标准规范

    W3C 代码标准规范

    摘要:通过设立领域和标准计划来组织的标准活动,围绕每个标准计划,会设立相关的工作组织包括工作组社区组商务组等。会根据产业界的标准需求调整和的设置及相关的工作组设置。标准规范需要声明文档类型的简写,用来说明你用的或者是什么版本。       W3C...

    KaedeKaede 评论0 收藏0
  • Html和Css学习笔记-html基础知识

    Html和Css学习笔记-html基础知识

    摘要:我的邮箱地址欢迎大家交流学习纠错此篇博客是我的复习笔记,和学的时间太久了,忘得差不多了,最近要使用一下,所以重新打开的书略读,后记录了标签,元素,属性的具体意义。有些标记有属性,具体格式,以标记为例,其中为标记的属性。我的邮箱地址:zyt...

    yzzzyzzz 评论0 收藏0
  • 前端实现水波图动态效果

    前端实现水波图动态效果

    摘要:来自侵删来自:https://blog.csdn.net/sheng_li/article/details/84347987 侵删DOCTYPE html> Document body, div, h1, h2, h3, html, li, p, ul { ...

    yiliangyiliang 评论0 收藏0
  • 前端水波纹往外展开1

    前端水波纹往外展开1

    摘要:来自侵删来自:https://blog.csdn.net/qq_38658877/article/details/78092649 侵删DOCTYPE html> Document html { font-size: 20px; } body { background...

    leonardofedleonardofed 评论0 收藏0
  • 前端水波纹往外展开4

    前端水波纹往外展开4

    摘要:来自侵删来自:https://blog.csdn.net/qq_38658877/article/details/78092649 侵删DOCTYPE html> Document .example { position: relative; margin: 150px auto; ...

    HwgHwg 评论0 收藏0
  • 阿里巴巴矢量图标库(Iconfont)-利于UI和前端的搭配

    阿里巴巴矢量图标库(Iconfont)-利于UI和前端的搭配

    摘要:首先我们需要找到这个网站打开之后看到的首页大概是这个样子里面有搜索框,首先先是来找图标设计,里面图标大都是免费的,而且样式多种多样,打个比方我们搜索一个首页的图标。    前端时间,做一个小网站的时候,需要用到很多小图标,UI设计好之后...

    gojigoji 评论0 收藏0
  • px妙转rem

    px妙转rem

    摘要:像素,相对长度单位,相对于显示器屏幕的分辨率而言其实我个人认为可以理解为固定单位这是个前端中的新成员,是中新增的一个相对单位。px:像素,相对长度单位,相对于显示器屏幕的分辨率而言(其实我个人认为可以理解为固定单位); rem:这是个web前...

    veranoverano 评论0 收藏0
  • 小tips:使用rem+vw实现简单的移动端适配

    小tips:使用rem+vw实现简单的移动端适配

    摘要:首先设置属性,如下代码使用如下代码就能实现移动端的适配相当于浏览器的,是浏览器的内部宽度,注意,滚动条宽度也计算在内那么就是表示的屏幕宽度。参考地址最简单的移动端适配方案实现滚动条出现页面不跳动从淘宝和网易的思考移动端怎样使用首先设置...

    mrli2016mrli2016 评论0 收藏0
  • css3修改浏览器scroll默认样式

    css3修改浏览器scroll默认样式

    摘要:最近公司的新项目。前端样式采用的蚂蚁金服的。比较喜欢一类简约大方的前端样式库。但是在页面布局上包括一些选择框。默认的样式简直丑爆。遂度娘资料,通过进行修改。最近公司的新项目。前端样式采用的蚂蚁金服的antDesign。 比较喜欢antDesign、BootS...

    whjinwhjin 评论0 收藏0
  • flex 实例 豆瓣手机端布局实现

    flex 实例 豆瓣手机端布局实现

    摘要:最终成品头部布局实现豆瓣搜索打开设置为弹性容器,可采用两端对齐或把设置为主轴起点边缘对齐把设置为主轴终点边缘对齐左右两边可能存在多项,那么在把它们两块设置为弹性容器考虑到弹性项目大小可能不一样,可设置为垂直居中。0、最终成品 1、头部布...

    wua_wua2012wua_wua2012 评论0 收藏0
  • 多行文本超出后隐藏,超出3行隐藏

    多行文本超出后隐藏,超出3行隐藏

    摘要:使用插件可实现多行文本超出后隐藏的功能地址下载后项目引入多行行上代码无标题文档对象遵循常规流。对象脱离常规流,使用,,,等属性以窗口为参考点进行定位,当出现滚动条时,对象不会随着滚动。1. 使用插件 clamp.js 可实现多行文本超出后隐藏的功...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 前端开发中使用mac自带apache服务

    前端开发中使用mac自带apache服务

    摘要:场景场景前端开发中,总是会有这样的需求,就是快速的写一个脚本,或者一个简单的页面。实际上,多数前端开发者都使用,操作系统上其实就已经安装了服务。在中,的默认启用服务的目录在进入之后,我们新建一个测试页,。 场景 前端开发中,总是会有这样...

    ormsformsf 评论0 收藏0
  • 中文代码示例之5分钟入门TypeScript

    中文代码示例之5分钟入门TypeScript

    摘要:中文编程知乎专栏原文官方文档起的这个噱头名字虽然光看完文章就不止分钟走完整个文档流水账如下代码编辑器用的是源码在第一个程序问好那谁吃了么那谁路人打酱油的问好路人运行问好编译生成问好文件添加参数类型问好那谁吃了么那谁如果那谁的类型不符比...

    番茄西红柿番茄西红柿 评论0 收藏0
  • vue框架入门和ES6介绍

    vue框架入门和ES6介绍

    摘要:框架入门和介绍模式,是一种轻量级的前端框架,主要为模板渲染,数据同步,组件化,模块化,路由等。作者简介达叔,理工男,简书作者全栈工程师,感性理性兼备的写作者,个人独立开发者,我相信你也可以阅读他的文章,会上瘾,帮你成为更好的自己。 vu...

    ChanceWongChanceWong 评论0 收藏0
  • CSS3 弹性盒子

    CSS3 弹性盒子

    摘要:理解弹性盒或,是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。设置弹性盒子弹性盒子由弹性容器和弹性子元素组成。理解: CSS3 弹性盒( Flexible Box 或 flexbox),是一种当页面需要适应不同的屏幕大小以及设备...

    sPengsPeng 评论0 收藏0
  • 不可思议的纯 CSS 实现鼠标跟随效果

    不可思议的纯 CSS 实现鼠标跟随效果

    摘要:当然,本文的重点,就是介绍如何在不借助的情况下使用来模拟实现一些鼠标跟随的行为动画效果。原理以上面的为例子,要使用实现鼠标跟随,最重要的一点就是如何实时监测到当前鼠标处于何处,其实很多效果,都离不开障眼法二字。直接进入正题,鼠标跟随,...

    phpmattphpmatt 评论0 收藏0
  • IE中iframe标签显示在DIV之上的问题解决方案

    IE中iframe标签显示在DIV之上的问题解决方案

    摘要:在之外呈现的元素是窗口化的例如,选择由呈现和控件。他们尊重彼此的顺序,但占据一个多带带的平面,该平面绘制在所有无窗元素之上。在做网页时前端时,使用IE打开时会出现标题栏DIV被遮挡PDF遮挡,  后在stackoverflow中查到是IE浏览器的问题:链接h...

    MadPeckerMadPecker 评论0 收藏0
  • vue+element-ui实现行数可控的表格输入

    vue+element-ui实现行数可控的表格输入

    摘要:的中使用包裹想要插入的,或者等元素,绑定一个的数组对象,在或者等元素使用,为该在绑定数组对象的对应属性这样就可以实现每一行的数据分别存储在绑定数组对象的不同下标数组中。新增一列时,只需要让绑定数组对象一个与先前属性一致的空对象进去。el...

    番茄西红柿番茄西红柿 评论0 收藏0
  • 第十三课 CSS外观及样式的应用 css学习3

    第十三课 CSS外观及样式的应用 css学习3

    摘要:一文本颜色预定义文本颜色值,如,等十六进制的颜色值白色建议常用的表示方法代码,如红色可以表示为或行间距文本水平对齐方式首行缩进一个字的宽度字间距单词间距针对于英文,中文无效颜色半透明是透明的意思取值范围为四个参数不能省一、1、color: 文...

    weakishweakish 评论0 收藏0
  • Asp.Net 将HTML中通过dom-to-image.js标签div内的内容转化为图片保存到本地

    Asp.Net 将HTML中通过dom-to-image.js标签div内的内容转化为图片保存到本地

    摘要:由于客户的需求,将写出来的一个统计能够保存到本地。作为码奴的我只能慢慢搬砖咯一开始使用的是。功能是可以实现,但是有缺陷。用附件中的画画和其他工具打开又没有什么问题下了班等下回去家里的电脑看看由于客户的需求,将js写出来的一个统计能够保存...

    番茄西红柿番茄西红柿 评论0 收藏0
  • flex练习---纵横中文网

    flex练习---纵横中文网

    摘要:采用弹性容器进行布局,只做练习用。浏览器打开时切换到手机模式。样本地址源码下载链接提取码效果图如下采用 flexbox 弹性容器进行布局,只做练习用。 浏览器打开时切换到手机模式。   样本地址: http://tpl.zhuamimi.cn/%E6%89%8B%E6%9C%BA%E7%AB%A...

    frank_funfrank_fun 评论0 收藏0

热门文章

<