文章库ARTICLE COLUMN

  • Codepen 每日精选(2018-4-3)

    Codepen 每日精选(2018-4-3)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 写的卫星围绕行星的动画https://codepen.io/YusukeNaka... 文字变汽车的动画https://codep...

    ghnorghnor 评论0 收藏0
  • CSS3 选择器

    CSS3 选择器

    摘要:选择器各种选择器你都知道吗下面一一为你罗列一下。例如如下标签即可直接选择类选择器类选择以点开头,后面紧跟一个类名。一般同胞选择器使用隔开两个选择器。例如表示选择为元素的所有兄弟元素。 CSS3 选择器 各种选择器你都知道吗?下面一一为你罗列...

    2i18ns2i18ns 评论0 收藏0
  • css伪元素、VScode命令

    css伪元素、VScode命令

    摘要:伪元素不是空标签的元素都自带两个伪类,只不过平时隐藏了在所有元素前面加东西在所有元素后面加东西在伪元素里加的东西无法被选取点击复制等或做操作等伪类能做元素能拥有的所有属性,但就是时独立的伪元素一般都是隐藏的,需要添加属性才能现身是给元...

    luckyyulinluckyyulin 评论0 收藏0
  • 【工作日记】页管 - 用户信息占比 - 长方形百分比 - 进度条

    【工作日记】页管 - 用户信息占比 - 长方形百分比 - 进度条

    摘要:需求分析页管会员信息展示页面需要多个百分比显示的长方形进度条,最终效果如下图所示样式实现两个主要部分进度条,内外两个盒子组成,外层做进度条边框,内层做填充效果百分比显示,一个标签就够了进度条样式设置开始进度条样式设置结束功 需求分析 ...

    HitenDevHitenDev 评论0 收藏0
  • Codepen 每日精选(2018-4-4)

    Codepen 每日精选(2018-4-4)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 纯 css 画的扫雷游戏界面https://codepen.io/alejuss/fu... 线条简单的小货车行进的动画https://c...

    Lorry_LuLorry_Lu 评论0 收藏0
  • 学习小结

    学习小结

    摘要:知识小结回顾近期碰到的知识点,发现自己还有很多不足的地方,关于代码的部分后期自己会给自己补上,加深对相关知识的理解。如果过滤参数是数组,那么的结果只包含数组中列出的属性。 知识小结 回顾近期碰到的知识点,发现自己还有很多不足的地方,关...

    jayzoujayzou 评论0 收藏0
  • Codepen 每日精选(2018-3-31)

    Codepen 每日精选(2018-3-31)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 制作像素画的画板https://codepen.io/abeatrize/... 纯 css 画的晚上的风车https://codepen.io/mi...

    马龙驹马龙驹 评论0 收藏0
  • FCC 成都社区·前端周刊 第 4 期

    FCC 成都社区·前端周刊 第 4 期

    摘要:详情删除未使用的样式是一个从样式表中删除未使用的工具。详情参与年前端工具调查为收集前端开发人员的意见,并了解整个开发行业的工具习惯,请戳详情参与调查吧这是年的调查结果详情每周一同步更新到欢迎 01. Angular, React or Vue? 如何为下一个 We...

    jonh_felixjonh_felix 评论0 收藏0
  • CSS札记(一):CSS选择器

    CSS札记(一):CSS选择器

    一、语法规则 选择器{ 属性1:属性值1; 属性2:属性值2; ...... } /*注释*/ 二、如何在html中应用CSS 1. 外部引用css文件 css文件:css/layout.css(css文件夹和HTML位于同一个目录下) 2. 内部嵌入css /*c...

    yzzzyzzz 评论0 收藏0
  • BFC深入理解

    BFC深入理解

    摘要:一直都知道可以清除浮动,但是却不知道这背后的原理。查了众多资料后才发现有这么个东西,写这篇文章一是为了加深记忆,二是为了加深理解。解决方案如下给添加一个属性便会避开计算内层元素的高度。但如果高度有具体的值时,高度超过时还是会被裁剪。 ...

    yiliangyiliang 评论0 收藏0
  • Codepen 每日精选(2018-4-1)

    Codepen 每日精选(2018-4-1)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 粒子文字生成器https://codepen.io/Gthibaud/f... 纯 css 画的小猫和小狗用电脑聊天的动画https:/...

    insteininstein 评论0 收藏0
  • FCC 成都社区·前端周刊 第 5 期

    FCC 成都社区·前端周刊 第 5 期

    摘要:发布一直是数据可视化的不错选择。本次发布的版本的更新包括使用代替回调函数,等高线图和密度图。详情发布该版本更新包括模块调整,模块新增函数判断终端是否支持颜色,弃用函数和等。 01. D3.js 5.0 发布 D3 一直是 JavaScript 数据可视化的不错选择...

    mengera88mengera88 评论0 收藏0
  • 好用的px转rem插件推荐

    好用的px转rem插件推荐

    摘要:然而在固定布局时我们通常以为基准单位进行调整,进而通过计算获取的值,这时如果有个好用的转工具会让工作事半功倍。启用此插件的文件类型。输入值后按下键直接转换,使用取消转换 在响应式布局中,rem这个css单位已经慢慢崭露头角,成为最佳解决方案...

    ClectClect 评论0 收藏0
  • CSS札记(二):级联与继承

    CSS札记(二):级联与继承

    摘要:一级联概念级联是的简写,说明级联是非常重要的。二继承中有些规则将会默认被子元素继承,有些则不会。应用浏览器的默认样式不设定,表现该规则本来特性,即如果该规则具有继承属性则继承,否则不继承。 一、级联 概念:级联(The cascade),CSS是Casca...

    CaizhenhaoCaizhenhao 评论0 收藏0
  • CSS-水平居中、垂直居中、水平垂直居中

    CSS-水平居中、垂直居中、水平垂直居中

    摘要:水平居中水平居中可分为行内元素水平居中和块级元素水平居中行内元素水平居中这里行内元素是指文本图像按钮超链接等,只需给父元素设置即可实现。 1、水平居中 水平居中可分为行内元素水平居中和块级元素水平居中 1.1 行内元素水平居中 这里行内元素...

    scwang90scwang90 评论0 收藏0
  • CSS基础-如何用border写三角形?

    CSS基础-如何用border写三角形?

    摘要:常用的的单值属性指的是边框。注意边框交替处为斜边,是个梯形,用此属性写三角形开始用边框写三角形,先将梯形变成三角形。下三角效果标签设置成向下三角形透明 1.常用的border的单值属性(border指的是边框。) /*边框样式属性*/ border-style: soli...

    ygyoooygyooo 评论0 收藏0
  • HTML拾遗

    HTML拾遗

    摘要:简介万维网联盟,,又称理事会,是万维网的主要国际标准组织。这些属性被称为布尔属性,他们只能有跟它的属性名一样的属性值所以不需要写属性值。 HTML拾遗 这篇博文用来记录我在写html的时候遇到的不清楚的、没有理解的、未能察觉的、反复使用搜索引...

    tangr206tangr206 评论0 收藏0
  • 前端 CSS 面试大纲

    前端 CSS 面试大纲

    摘要:比如说预处理器,组件化,工程化,兼容性处理等方面,这些主要是基于自己的开发经验业界流行技术方案进行准备。但是在开始谈面试前我想先提出一个概念学霸面试模型学校的学习和公司的工作有很多相似的地方。所以对于面试,请参考上学那会儿你们班学霸的...

    matingmating 评论0 收藏0
  • CSS基础-background的那些属性

    CSS基础-background的那些属性

    摘要:的那些属性背景的意思常用的六个属性背景颜色背景图像图片位置图片是否重复图片定位,背景裁剪。当不存在数值的时候,顺序无所谓。疑问的复合属性如何写呢解答先考虑是否图片重复,在考虑位置。 background的那些属性 background:背景的意思常用的六个...

    venmosvenmos 评论0 收藏0
  • Codepen 每日精选(2018-4-2)

    Codepen 每日精选(2018-4-2)

    摘要:按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 按下右侧的点击预览按钮可以在当前页面预览,点击链接可以打开原始页面。 图片切换特效https://codepen.io/ainalem/fu... 用 svg 写的打字机动画https://codepen.io/KPCode...

    lwx12525lwx12525 评论0 收藏0
  • 【收藏】这么多WEB组件(CSS),攒一个网站够了吧?

    【收藏】这么多WEB组件(CSS),攒一个网站够了吧?

    摘要:因时间不足,能力有限等原因,存在文字阐述不准及代码测试不足等诸多问题。因此只限于学习范围,不适用于实际应用。另外各个组件之件没有联系,包括字体及配色甚至布局都是相互独立的。 1 表单(form)相关 1.1 输入框(input) 一个简单的输入框样式,简...

    不知名网友不知名网友 评论0 收藏0
  • 【jQuery学习日记】jQuery实现滚动动画

    【jQuery学习日记】jQuery实现滚动动画

    摘要:需要实现的效果样式分析个主要部分,头部的标题和导航部分,和主要的功能实现区域头部动漫视频功能区域添加样式此处需要注意,因为需要给添加方法,所以需要给它的才能使生效功能分析下一页当下一页滚动到最后一页面,再点击 需要实现的效果 showImg("...

    CrazyCodesCrazyCodes 评论0 收藏0
  • 记录手机端h5页面碰到的一些问题

    记录手机端h5页面碰到的一些问题

    摘要:关于光标在手机端偏移问题根本不要使用垂直居中。解决方法可直接定义,然后高度由上下值撑开。 关于input光标在手机端偏移 问题根本:不要使用line-height垂直居中。 解决方法:可直接定义height,然后高度由上下padding值撑开。 移动端清除input光标 ...

    hearawayhearaway 评论0 收藏0
  • multipages-generator今日发布?!妈妈再也不用担心移动端h5网站搭建了!

    multipages-generator今日发布?!妈妈再也不用担心移动端h5网站搭建了!

    摘要:本文适合的读者现在在手淘,京东,今日头条,美柚等过亿用户的手机中的,都常见网页,他们有更新快,灵活,便于分享和传播的特性。这里有他们中的几个的例子手淘,美柚。 本文适合的读者?‍?‍?‍? 现在在手淘,京东,今日头条,美柚等过亿用户的手机a...

    Kerr1GanKerr1Gan 评论0 收藏0
  • css伪类和伪元素的学习

    css伪类和伪元素的学习

    摘要:发现有很多东西效果其实可以用伪类或者伪元素实现。记录下为什么引入伪类和伪元素引入伪类和伪元素概念是为了格式化文档树以外的信息,也就是说。伪类和伪元素是用来修饰不在文档树中的部分,比如,一句话中的第一个字母,或者列表中的第一个元素。 最...

    魏宪会魏宪会 评论0 收藏0

热门文章

<