标签 “ 前端技术 ” 下的文章
css技巧:如何处理ul li边框重合
前端笔记

css技巧:如何处理ul li边框重合

下面就是一个很好的实践,就让我们来谈谈用ul li如何实现边框重合: 效果图: *{ margin:0; padding:0;} .box{ width:350px; height:500px; background:#999; padding-top:60px; padding-left:60px;} .box l...

-- 阅读全文 --
利用CSS固定背景交替实现视差滚动效果
前端笔记

利用CSS固定背景交替实现视差滚动效果

视差滚动效果的网页设计案例我们分享过很多,实现这个功能一般都需要JS,而且比较复杂。没关系,今天向大家介绍另外一种简单的视差效果技术,只需要CSS就能实现。 演示 该滚动效果特点是使用固定背景与色块内容交...

-- 阅读全文 --
如何摆脱项目命名困难的尴尬局面
前端笔记

如何摆脱项目命名困难的尴尬局面

在做一个项目的时候,我们往往遭遇命名问题的困惑,当看到一些非专业人的代码,看到他们凌乱的码法,有时候真的苦不堪言。深刻知道一个良好的命名规范的重要性,同时在项目中也会遇到一些命名的瓶颈。所以有必要...

-- 阅读全文 --
Css新属性flow-root介绍
前端笔记

Css新属性flow-root介绍

BFC 在学习flow-root之前,咱们要先了解CSS中一个非常重要的概念,那就是BFC(Block Formatting Context)的概念。那什么是BFC呢? 在W3C规范中的BFC是这样定义的: 浮动元素和绝对定位元素,非块级盒子的块级容...

-- 阅读全文 --
HTML 5.1 — 14 项新增特性及使用案例
前端笔记

HTML 5.1 — 14 项新增特性及使用案例

HTML5 属于万维网联盟 (W3C), 这个组织为整个网络界提供了标准,如此形成的协议可在全世界通行。在 2016 年 11 月, W3C 对长期行使的 HTML 5 标准进行了更新,它是2年内的第一次小更新。许多最开始提出的 HTML 5...

-- 阅读全文 --
HTML5全视频背景注意事项
前端笔记

HTML5全视频背景注意事项

HTML 5 视频标签: http://www.w3school.com.cn/html5/html_5_video.asp 在动手编码实现前,视频作为网页背景的有些问题我们要先考虑清楚: 并不是因为技术上可行你就可以任意使用:作为背景的视频内容必须能增...

-- 阅读全文 --
了解并使用CSS中的 rem 单位
前端笔记

了解并使用CSS中的 rem 单位

在 SitePoint 上有几篇是以 CSS 单位为主题的文章(比如:CSS 长度单位一览, CSS 3 中新的文字大小单位, and CSS 中 em 单位的作用) 今天我们深度了解一下 rem 单位,这个单位目前已经得到了优秀浏览器的支持,...

-- 阅读全文 --
CSS单词换行and断词,你真的完全了解吗
前端笔记

CSS单词换行and断词,你真的完全了解吗

背景 某天老板在群里反馈,英文单词为什么被截断了? 很显然,这是我们前端的锅,自行背锅。这个问题太简单了,css里加两行属性,分分钟搞定。 word-break: keep-all; word-wrap: break-word; 开心的提交...

-- 阅读全文 --
谈谈本博客网站的改版
前端笔记

谈谈本博客网站的改版

这次改版主要由leanote笔记转移到自己主机上来,之所以改版迁移是为了更好的网站优化和自定义功能的实现 如果是程序员的话,顺便也推荐尝试下leanote笔记 废话不错说,谈谈这次改版的工作: 1. 首先第一次采用这...

-- 阅读全文 --
用 CSS 隐藏页面元素的 5 种方法
前端笔记

用 CSS 隐藏页面元素的 5 种方法

用 CSS 隐藏页面元素有许多种方法。你可以将 opacity 设为 0、将 visibility 设为hidden、将 display 设为 none 或者将 position 设为 absolute 然后将位置设到不可见区域。 你有没有想过,为什么我们要有这么多...

-- 阅读全文 --
顶部 底部