• 当前频道:前端探索

前端探索 多种CSS垂直居中技巧

自古以来(是有多古?)~网页CSS的垂直置中需求始终没有停过,而其困难度也始终没有让人轻松过,经过了每位开发先烈们的研究后,据说CSS的垂直置中技巧已达到近十种之多,但始终鲜为人知,部分公司甚至将CSS的垂直置中技巧当成了面试题目,其重要性可见一斑,经过了Amos通灵了一下之后把垂直置中的写法扩增到了23个,今天就让A

2018-08-27 01:38:19 228 9 2
阅读详情

前端探索 网页设计中常用的web安全字体及CSS写法

HTML,CSS,font-family:中文字体的英文名称 中文名 对照名 css写法 宋体 SimSun font-family:SimSun; 黑体 SimHei font-family:SimHei; 微软雅黑 Microsoft YaHei font-family:Microsoft YaHei; 微软正黑体

2018-04-06 21:21:45 1394 22 16
阅读详情

前端探索 开脑洞系列——CSS3版天气预报

前言 前几天看了一篇文章 , 颠覆了我对 CSS 认识,心中无数次蹦出一个念头:'WC,还能特么这么用,这特么太叼了' ... 于是我迫不及待想跟你们一起分享分享,以后你也可以在别人面前炫(装)耀(B)了~ ps:本文原创不是我,我只是搬运工,看到好东西与大家分享而已 装B指南 本文中,所有的图形都是在单个标签内实现的

2018-01-20 00:15:18 645 23 0
阅读详情

前端探索 一行神奇的 javascript 代码

(!(~+[])+{})[--[~+""][+[]]*[~+[]] + ~~!+[]]+({}+[])[[~!+[]]*~+[]] 然后让大家运行,出来的结果让人有点出乎意料,请看:    太风骚了有木有!如果有人诋毁前端瞧不起js的话,那就可以把这段代码发给他了~ 结果让人有点出乎意料的代码,来自博客园。(下回分析原

2017-11-19 21:16:33 640 5 1
阅读详情

前端探索 常用CSS样式缩写语法

缩写CSS样式的好处: 对于浏览者而言,缩写可以减少CSS代码量,进而减少CSS文件体积,有利于访问者更快的打开网页;对于开发者而言,CSS代码量少,阅读简洁明了;对于网站服务器而言,在相同带宽下可以承受更多的访问请求。 常用CSS样式表缩写语法总结 盒尺寸(padding、margin) 常见margin与paddi

2017-10-19 19:31:02 879 13 5
阅读详情

前端探索 编写出色CSS代码的13个建议

CSS学起来并不难,但在大型项目中,就变得难以管理,特别是不同的人在CSS书写风格上稍有不同,团队上就更加难以沟通,为此总结了一些如何实现高效整洁的CSS代码原则: 1. 使用Reset但并非全局Reset 不同浏览器元素的默认属性有所不同,使用Reset可重置浏览器元素的一些默认属性,以达到浏览器的兼容。但需要注意的

2017-10-11 13:37:40 678 6 5
阅读详情

前端探索 谷歌 HTML/CSS 规范

背景 这篇文章定义了 HTML 和 CSS 的格式和代码规范,旨在提高代码质量和协作效率。 通用样式规范 协议 省略图片、样式、脚本以及其他媒体文件 URL 的协议部分(http:,https:),除非文件在两种协议下都不可用。这种方案称为 protocol-relative URL,好处是无论你是使用 HTTPS 还

2017-09-06 22:01:26 953 13 4
阅读详情

前端探索 合理使用float布局网页

估计大多数人误解了float的原本设计初衷,但是这里的“误用”是要加引号的,因为这是一种无心插柳的应用。即,用float做网页布局是很合情合理的,鼓励同志们继续使用。 这篇文章主要是为了解决一个实际遇到的问题: 左右两列布局,左侧宽度固定,右侧宽度自适应(或左中右三列布局,左侧和中间宽度固定,右侧宽度自适应),当页面宽

2017-08-15 23:25:00 473 0 2
阅读详情
  • 1
  • 2
前往