文章库ARTICLE COLUMN

  • CSS揭秘之《灵活的背景定位》

    CSS揭秘之《灵活的背景定位》

    摘要:针对容器某个角对背景图片做偏移定位现在就假设想针对容器右下角右侧偏移,底部偏移有如下几种方式原理设置透明边框给指定值备注因为中属性已经得到扩展,它允许我们指定背景图片距离任意角的偏移量,只要我们在偏移量前面指定关键字上面一 针对容器某...

    RyanQRyanQ 评论0 收藏0
  • CSS揭秘之《边框内圆角》

    CSS揭秘之《边框内圆角》

    摘要:现在我们要实现一个边框内圆角的效果,效果图如下所示第一反应肯定是用两个标签来实现,但是如果只用一层标签的话,可以实现么我们首次的构想可能是这样子的然后运行一看效果是这样的因为不跟着描边走的,所以能够实现直角效果,但是显示还缺少点什么 ...

    AnshiiiAnshiii 评论0 收藏0
  • CSS揭秘之《条纹背景》

    CSS揭秘之《条纹背景》

    摘要:先来说说渐变吧效果图如下所示也就是说真正的渐变只出现在容器从到的高度区域如果把两个色标合在一起,会怎样呢是这样规定的如果多个色标具有相同的位置,它们会产生一个无限小的过渡区域,过渡的起止色分别是第一个和最后一个指定值。 先来说说渐变吧...

    phpmattphpmatt 评论0 收藏0
  • 《css 揭秘》读书笔记

    《css 揭秘》读书笔记

    摘要:因为鲜为人知的第四个长度参数双层投影毛玻璃效果见毛玻璃自定义复选框不多介绍,也有相关案例复选框滚动提示现在越来越多的移动端都是这样处理,滚动提示其他揭秘对应的地址图灵图书在封底都提供优惠码低价购买电子书她 目标 如何用 css 解决难题 收...

    OnlyMyRailgunOnlyMyRailgun 评论0 收藏0
  • CSS揭秘之《背景图案》

    CSS揭秘之《背景图案》

    摘要:网格具体效果见链接波点可以用如下代码来实现但如果我想实现如下效果而非上面那样中规中矩其实原理是一样的具体效果见链接需要注意的是第二层背景的偏移定位值必须是贴片宽高的一半棋盘用以上两者中的任 网格 html { background: ...

    UCloudUCloud 评论0 收藏0
  • CSS揭秘之《伪随机背景》

    CSS揭秘之《伪随机背景》

    摘要:之前说的条纹全部都是有规律的条纹,如果实现随机宽度的垂直条纹呢其实原理宽度尽量选择质数,因为质数跟任何其它数字都是相对质数因为最顶层贴片的重复规律最容易被察觉它没有被任何东西遮挡,我们应该把平铺间距最大的贴片安排在最顶层这里的都是 之...

    happenhappen 评论0 收藏0
  • css基础

    css基础

    摘要:引入浏览器私有属性规则语法标识符标识符常用选择器简单选择器标签选择器类选择器选择器通配符选择器属性选择器选中属性属性包含属性选中属性值等于或开头的选中属性值以开头的选中属性值以结尾的选中属性值包含的伪类选择器以上两个只用 引入 ...

    ThreeWordsThreeWords 评论0 收藏0
  • CSS揭秘之《边框图像》

    CSS揭秘之《边框图像》

    摘要:如果我们想把一图应用到边框而非背景,就像下面的这样效果可能最容易的方法就是两层标签,外层标签设置背景图片,内层标签设置背景色为白色就达到了效果,可是如果只用一层标签呢,怎么办其实思路是在背景图片之上,再叠加一层纯白的实色背景代码如下 ...

    TalkingDataTalkingData 评论0 收藏0
  • 阿里云前端周刊 - 第 23 期

    阿里云前端周刊 - 第 23 期

    摘要:写的姿势前两天去帝都参加第三届前端开发者大会,见了很多老朋友,也认识了很多新朋友。 推荐 1. 组件化设计思维 – 从规范到工具的构建与探索 http://www.zcool.com.cn/artic... 阿里巴巴在中台战略的背景下,设计提效又再次推动着设计思维的变革。设...

    FrancisSoungFrancisSoung 评论0 收藏0
  • 你不知道的CSS

    你不知道的CSS

    摘要:不要忘了给子元素设置字号用來清除浮动除了著名的清除浮动类,利用属性也可以清除浮动。 本文首发于我的博客 CSS的世界是神奇的。随着各浏览器WEB标准的日趋统一,CSS在WEB世界中扮演的角色也愈发的重要。甚至于在GitHub上出现了You-Dont-Need-JavaScr...

    cniocnio 评论0 收藏0
  • 前端调试利器 - Charles

    前端调试利器 - Charles

    摘要:指的是在控制台中,可通过查看。端调试的相关配置端的配置稍微繁琐一些。安装证书按照提示安装证书。把移动端的资源请求代理到本地来示例这样就可以在本地进行后续的开发和调试了。 Docs 开发之 Charles 配置指南 1.下载与安装 charles-proxy-4.1.4 .d...

    lewiflewif 评论0 收藏0
  • css属性的继承、初识值、计算值、当前值、应用值

    css属性的继承、初识值、计算值、当前值、应用值

    摘要:计算属性的计算值通常包括将相对值转换成绝对值如单位或百分比。返回的解析值可能是计算值或应用值。最后,计算布局尺寸比如或百分数换算为像素值,结果即应用值。继承当元素的一个继承属性没有指定值时,则取父元素的同属性的计算值。 css属性 我觉得...

    pkhopepkhope 评论0 收藏0
  • 前端开发日报:canvas获取video缩略图和JS 模块化

    前端开发日报:canvas获取video缩略图和JS 模块化

    摘要:明白模块化模块化就是将一个大的功能拆分为多个块,每一个块都是独立的,你不需要去担心污染全局变量,命名冲突什么的。目前最重要的应用场景之一,就是在的握手阶段,客户端服务端利用算法交换对称密钥。 1、应用canvas获取video的缩略图 发布视频时...

    CarterLiCarterLi 评论0 收藏0
  • 使用SVG + CSS实现动态霓虹灯文字效果

    使用SVG + CSS实现动态霓虹灯文字效果

    摘要:早上无意间进入一个网站,看到他们的效果略屌,如图刚开始以为是动画之类的,审查元素发现居然是用动画实现的,顿时激起了我的欲望,决定要一探究竟,查看代码之后,发现原理居然是如此简单多个描边动画使用不同的即可对于一个形状元素或文本元素,可以...

    IntMainIntMain 评论0 收藏0
  • CSS3 border-image 彻底明白

    CSS3 border-image 彻底明白

    摘要:用于给边框贴上背景图像类似于中的背景属性。重复性取值为重复只是其中之一,其余两个是平铺和拉伸。其中,是默认值。例如表示水平方向平铺,垂直方向重复。不进行拉伸,不凑整。效果如下白框为部分资料来源网络亲们,看懂没不懂请留言,帮你解答。。 ...

    songjzsongjz 评论0 收藏0
  • Vue入门实践 每日一文Webapp

    Vue入门实践 每日一文Webapp

    摘要:这段时间学习还是边撸小项目边学比较容易掌握感谢无私提供的各种感谢每日一文这个我还是蛮喜欢的在线演示地址点我访问手机直接访问端打开开发者工具栏手机模式项目地址点我访问技术栈功能设计今日文章主页随机一文前一天后一天的文章顶部进度条自己的想...

    weizxweizx 评论0 收藏0
  • 解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图

    解决ionic2/ionic3轮播图切换页面或者点击过后不自动轮图

    摘要:我们在开发的过程中会出现切换页面或者滑动切换轮播图出现轮播图不再轮播的情况这其实需要一些配置首先在运用到轮播图的中引入然后解决切换其他页面回去轮播图不动问题附轮播图自动轮图的自动轮播间歇时间切换轮播图速度 我们在ionic2/ionic3开发的过...

    Lin_YTLin_YT 评论0 收藏0
  • 常见的div居中对齐方式

    常见的div居中对齐方式

    摘要:前段时间面试的时候面试题里面对考察最多的就是居中对齐的问题,因此特地对居中对齐的方式做了一个简单的总结,本文的目标就是希望各位在以后根据不同的情况使用不同的居中方式,闲话少说,直接上代码布局实现父元素设置为使 前段时间面试的时候面试题...

    KaruruKaruru 评论0 收藏0
  • css边距重叠的解决方案

    css边距重叠的解决方案

    摘要:给父元素设置属性给子元素设置如果子元素是行内元素或者行内块级元素则不会产生边距重叠的问题使子元素脱离文档流这个实现的方法有很多,浮动,绝对定位等,这里我就不做具体的解释了。 ** css防止边距重叠的方法 ** 今天整理了一下用css防止边距重叠...

    zhangfaliangzhangfaliang 评论0 收藏0
  • 前端知识点总结

    前端知识点总结

    摘要:知识点一和浏览器渲染模式文档类型,一个文档类型标记是一种标准通用标记语言的文档类型声明,它的目的是要告诉标准通用标记语言解析器,它应该使用什么样的文档类型定义来解析文档。知识点二文件类型声明仅有一型。知识点三常用整理常用整理 知识点一...

    LittleLiByteLittleLiByte 评论0 收藏0
  • css  定位及属性    命名规范

    css 定位及属性 命名规范

    摘要:元素的位置通过以及属性进行规定。如对齐样式使用对齐目标的英文名称。如标题栏样式使用类别功能的方式命名。注意事项一律小写尽量用英文不加中杠和下划线尽量不缩写,除非一看就明白的单词推荐的书写顺序显示属性自身属性文本属性待续 showImg("https...

    JouyPubJouyPub 评论0 收藏0
  • 详解css盒模型与外边距重叠

    详解css盒模型与外边距重叠

    摘要:如图所示代表,代表,代表。以上例子中,和之间的折叠产生的,是个相邻折叠的结果。将其值分为两组正值,,负值,,根据有正有负时的计算规则,正值的最大值为,负值中绝对值最大的是,所以,最终折叠后的应该是。 盒模型的构成 之前写了一篇关于如何...

    roundstonesroundstones 评论0 收藏0
  • css设置垂直居中

    css设置垂直居中

    摘要:设置垂直居中元素的垂直居中也是我们日常网页布局中经常会遇到的问题所以我在此提供一些解决方法希望可以给予有需要的人一些借鉴和参考代码既然设置子元素的垂直居中那就要知道父元素的高度才能知道这所谓的中在哪对吧就像你想在一段距离的中间位置站住...

    he_xdhe_xd 评论0 收藏0
  • css/html test1

    css/html test1

    摘要:请判断这句话的正确与否。解析文档加载是从上到下加载,只与标签的上下顺序有关,与标签选用无关。列表元素可继承。 1,要去掉文本超链接的下划线,正确的是 a {underline:none}a {text-decoration:no underline}a {decoration:no underline}a {text-d...

    edagarliedagarli 评论0 收藏0
  • 百度大搜和度秘面经

    百度大搜和度秘面经

    摘要:百度大搜和度秘面经百度内推投了俩部门前前后后总计面了六轮来写写面经攒攒人品大搜是十几号面的度秘今天面完下面记录一些我认为比较有价值的问题没写全问的问题太多而且有些也记不清了心累我是分割线下面讲正经的大搜大搜在百度现场面三小时面完三轮荒...

    gecko23gecko23 评论0 收藏0

热门文章

<