文章库ARTICLE COLUMN

  • python大佬养成计划----HTML网页设计(表格)

    python大佬养成计划----HTML网页设计(表格)

    摘要:用于表示一行的开始和结束用来表示行中个单元格的开始和结束。通过可以调整文字与边框之间的距离文字与边框的距离表格中单元格之间的距离表格中单元格之间的距离也可以变化。 制作网页时,要合理规划网页布局。比如,在网页中添加一个表格,可分为上、...

    LittleLiByteLittleLiByte 评论0 收藏0
  • 前端每日实战:151# 视频演示如何用纯 CSS 创作超能陆战队的大白

    前端每日实战:151# 视频演示如何用纯 CSS 创作超能陆战队的大白

    摘要:文件中增加身体的元素略定义身体的宽度画出胸部画出胸前的按钮画出肚皮定义胳膊的高度起点胳膊分为肘以上的部分和肘以下的部分。在文件中增加腿的元素略略画出腿的内侧画出腿的外侧至此,完成了右腿。 showImg("https://segmentfault.com/img/bVbhNDx?...

    xcoldxcold 评论0 收藏0
  • python大佬养成计划----HTML网页设计(表单)

    python大佬养成计划----HTML网页设计(表单)

    摘要:数据传输方式输入类控件表单元素也称表单控件,按照填写方式分为输入类和下拉菜单类。按钮的名字按钮上显示的文本重置菜单列表控件下拉菜单可以节省页面空间。是单标签,用来定义下拉菜单中的选项。表示初始被选中的选项。 当用户熟悉了静态网页制作后...

    nevermindnevermind 评论0 收藏0
  • 小白面试之制作一个本地个人信息网页

    小白面试之制作一个本地个人信息网页

    摘要:个人信息个人信息表姓名性别男女手机号码电子邮箱教育程度工作职位工作城市期望工资自我介绍特长家庭住址感谢您的参与提交退出 对HTML标签的总结 1. 学习的行内标签和 块级元素分别有哪些? 行内标签:span, strong, a, img, input, textarea 块级元素:d...

    ZoomZoom 评论0 收藏0
  • python大佬养成计划----CSS样式类

    python大佬养成计划----CSS样式类

    摘要:与类选择器一样,选择器中可以忽略通配选择器。是唯一标识,只能被使用一次选择器标签选择器标签选择器使用类选择器选择器标签选择器设置链接的样式能够设置链接样式的属性有很多种例如等等。 CSS 概述 CSS 指层叠样式表 (Cascading Style Sheets) 样...

    daryldaryl 评论0 收藏0
  • 前端每日实战:152# 视频演示如何用纯 CSS 创作一个圆点错觉效果

    前端每日实战:152# 视频演示如何用纯 CSS 创作一个圆点错觉效果

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。源代码下载每日前端实战系列的全部源代码请从下载代码解读此项目无用户自定义的元素,利用系统默认的元素作为容器。 showImg("https://segmentfault.com/img/bVbhOAl?w=400&...

    hositionhosition 评论0 收藏0
  • CSS实现水平垂直居中的1010种方式(史上最全)

    CSS实现水平垂直居中的1010种方式(史上最全)

    摘要:划重点,这是一道面试必考题,很多面试官都喜欢问这个问题,我就被问过好几次了要实现上图的效果看似很简单,实则暗藏玄机,本文总结了一下实现水平垂直居中的方式大概有下面这些,本文将逐一介绍一下,我将本文整理成了一个仓库,欢迎大家仅居中元素定...

    YuboonaZhangYuboonaZhang 评论0 收藏0
  • 如何使用 vue-cli 3 的 preset 打造基于 git repo 的前端项目模板

    如何使用 vue-cli 3 的 preset 打造基于 git repo 的前端项目模板

    摘要:从使用和也是支持的。此处直接首页其中当时,内的配置信息会直接覆盖初始化后项目中的。文件接下来就是,这个文件负责的就是注入或是修改项目中文件。比如我的其中和就是用户在处理中设定的问题的回答值。 vue-cli 之 Preset vue-cli 插件开发指南 TLD...

    desdikdesdik 评论0 收藏0
  • 前端每日实战:135# 视频演示如何用纯 CSS 创作一个悬停时右移的按钮特效

    前端每日实战:135# 视频演示如何用纯 CSS 创作一个悬停时右移的按钮特效

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbgVXz?w=400&h=302"); 效果预览 按下右侧的点击预览...

    TonnyTonny 评论0 收藏0
  • react 国际化了解一下

    react 国际化了解一下

    摘要:先睹为快先看一下最后的成果来一发控制台中对应中的信息开始原理原理其实很简单字符串替换。拉取远程的国际化文件到本地,再根据语言做一个映射就可以了。 背景 楼主最近新接了一个项目,从0开始做,需要做多语言的国际化,今天搞了一下,基本达到了想...

    CrazyCodesCrazyCodes 评论0 收藏0
  • Slog62_项目上线之ArthurSlog个人网站上线1

    Slog62_项目上线之ArthurSlog个人网站上线1

    摘要:掘金主页简书主页个人网站上线了开发环境需要的信息和信息源开始编码继之前的域名购买服务器购买域名解析域名备案完成之后,现在把第一版的网站正式上线网站地址第一版网站,以最少的代码实现网站标题是个人技术分享背景图一张底部根据管局要求,附上了...

    yzzzyzzz 评论0 收藏0
  • 深入理解CSS中em, rem, ex区别,及使用技巧

    深入理解CSS中em, rem, ex区别,及使用技巧

    摘要:中常见尺寸单位描述百分比英寸厘米毫米一个是一个字体的。在中,是非常有用的单位,因为它可以自动适应用户所使用的字体。在中唯一例外的是属性,它的和值指的是相对父元素的字体大小。 CSS 中常见尺寸 单位 描述 % 百分比 in 英寸 cm 厘米 ...

    lboollbool 评论0 收藏0
  • jquery属性

    jquery属性

    摘要:函数的结果如果有相应的属性,返回指定属性值。如果没有相应的属性,返回值是。对于元素本身就带有的固有属性,在处理时,使用方法。 原生方法给对象加属性 div var oDiv = document.getElementById("div1"); oDiv.aa = "123"; console.log(oDiv...

    zhangqhzhangqh 评论0 收藏0
  • 前端进阶(8) - 前端开发需要了解的工具集合:webpack, eslint, prettier,

    前端进阶(8) - 前端开发需要了解的工具集合:webpack, eslint, prettier,

    摘要:前端开发需要了解的工具集合前端开发需要了解的一些工具,这些工具能够帮助你在项目开发中事半功倍。总之,是前端打包的不二选择。所以,很多情况下都是与配合使用。它的一个理念就是提供一套完整集成的零配置测试体验。 前端开发需要了解的工具集合:...

    SillyMonkeySillyMonkey 评论0 收藏0
  • 前端每日实战:136# 视频演示如何用 D3 和 GSAP 创作一个横条 loader

    前端每日实战:136# 视频演示如何用 D3 和 GSAP 创作一个横条 loader

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVbg0gq?w=400&h=305"); 效果预览 按下右侧的点击预览...

    you_Deyou_De 评论0 收藏0
  • Web开发系列【1】实用的网页布局(PC端)

    Web开发系列【1】实用的网页布局(PC端)

    摘要:利用左侧浮动,右侧盒子通过形成了。三列布局这是比较复杂的布局,适合有复杂操作功能的网页,如各大电商网站。建议升级您的浏览器,或使用等高级浏览器,将会得到更好的体验 在熟悉那些常用的软件、工具后,我们正式开始开发,在前期准备工作之后,我...

    jerryloveemilyjerryloveemily 评论0 收藏0
  • iOS safari浏览器上overflow: scroll元素无法滚动bug深究

    iOS safari浏览器上overflow: scroll元素无法滚动bug深究

    摘要:前情提要在之前我写过一篇文章浏览器上元素无法滑动解决方法整理,这篇文章写的是,当浏览器上出现大于父容器的元素,想给父容器加上实现内部滚动效果而失败的总结。解决方法反其道而行之。当子元素加载完成时,将包裹元素撑开,父元素便可以自由滚动了...

    Steve_Wang_Steve_Wang_ 评论0 收藏0
  • 每天一个CSS

    每天一个CSS

    摘要:每天坚持一个滚动文字效果图图片描述箭头指向部分,以白色为背景,从左向右滚动。说明渐变类型,线性渐变设置渐变为从右到左。 每天坚持一个CSS-------滚动文字 效果图 showImg("https://i.imgur.com/eSGeMp7.png"); 图片描述:箭头指向部分,以白色...

    BetaRabbitBetaRabbit 评论0 收藏0
  • Slog63_项目上线之ArthurSlog个人网站上线2

    Slog63_项目上线之ArthurSlog个人网站上线2

    摘要:掘金主页简书主页大成若缺其用不弊大盈若冲其用不穷大直若屈大巧若拙大辩若讷开发环境需要的信息和信息源开始编码网站的所有代码已经编写完毕稍微修改一下现在,需要把整个文件夹传送到服务器去这里使用指令打开命令行,输入的使用方法显示进度。 Art...

    lastSerieslastSeries 评论0 收藏0
  • 实战项目之自动简历

    实战项目之自动简历

    摘要:自动简历项目介绍一个可以自动播放书写过程简历,主要运用原生和的知识点。方法如果展示窗口设置的是或者会自动拉到底部为滚动至底部为滚动至顶部其他参数可选定义缓动动画,或之一。增加简历展示页编写增加编写简历内容的展示窗口。 自动简历 项目介...

    EricEric 评论0 收藏0
  • 没错,css居中就是如此的简单!

    没错,css居中就是如此的简单!

    摘要:写在前面居中方案是一个老生常谈的问题,主要包括水平居中和垂直居中,水平居中大家用的比较多,最常用的莫过于方案了,而垂直居中,很多时候会让很多新手头疼。常用居中方案水平解决方案水平居中适用于已经知道宽度,并且其父级宽度不为的元素水平居中...

    pkwendapkwenda 评论0 收藏0
  • css实现二维码扫码框

    css实现二维码扫码框

    摘要:我们一般在打开相机的时候有个扫描框,然后静态二维码有时候为了聚焦和利于扫描也会加一个框框,下面介绍一下如何通过来实现一个框框实现效果代码如下 我们一般在打开相机的时候有个扫描框,然后静态二维码有时候为了聚焦和利于扫描也会加一个框框,...

    张红新张红新 评论0 收藏0
  • 网页版别踩白块游戏

    网页版别踩白块游戏

    摘要:别踩白块白块黑块游戏初始化根据前面的部分我们可以知道,每个就代表一个白块,就代表一个黑块,每点击一个黑块消失其实是删除了一个,然后从上面添加一个新的。所以我们首先要通过来控制的创造和生成记得删除在编写静态页面时候指定生成的个。 自己最...

    0x584a0x584a 评论0 收藏0
  • css3中什么时候用transition什么时候用animation实现动画

    css3中什么时候用transition什么时候用animation实现动画

    摘要:在中和都可以实现动画效果,但是我们什么时候用,什么时候用。比如事件事件等等当没有事件触发直接播放的时候我们就用。 在css3中transition和animation都可以实现动画效果,但是我们什么时候用transition,什么时候用animation。 当有事件触发动画的...

    马龙驹马龙驹 评论0 收藏0
  • [踩坑] CSS中overflow-y: visible;不起作用

    [踩坑] CSS中overflow-y: visible;不起作用

    摘要:场景最近要做的一个需求是移动端的页面,要求有一排可选择的卡片超出容器部分可以左右滑动,同时每张卡片左上角要有一个删除按钮。如下图心想在父容器上加一个不就搞定了嘛。我想应该是影响的,所以想通过来解决结果是不行的。 场景 最近要做的一个需...

    MuninnMuninn 评论0 收藏0

热门文章

<