为了账号安全,请及时绑定邮箱和手机立即绑定

CSS3

学习Less-看这篇就够了 原创

前言 CSS的短板     作为前端学习者的我们 或多或少都要学些 CSS ,它作为前端开发的三大基石之一,时刻引领着 Web 的发展潮向。 而 CSS 作为一门标记性语言,可能 给初学者第一印象 就是简单易懂,毫无逻辑,不像编程该有的样子。在语法更新时,每当新属性提出,浏览器的兼容又会马上变成绊脚石,可以说 CSS 短板不容忽视。     问题的诞生往往伴随着技术的兴起, 在 Web 发展的这几...

363浏览 9推荐 0评论

CSS :before and :after 伪元素的最佳实践 原创

在这里给大家总结一下,伪元素的八大最佳实践场景。希望对各位的日常开发有所启发。 场景一:插入内容 假设我们有如下的HTML代码 <p>paragraph text</p> 我们可以用伪元素添加内容比如: p:before { content: "this is "; font-weight: bold; font-style: italic; } 将会出...

543浏览 16推荐 1评论

美食地图-高德地图研究记录 原创

在调用高德javascriptAPI的基础上,修改marker样式,填充内容,处理点击markerClick事件,调用公交、步行、自驾三种路线规则接口。界面从无到有,自己规划界面,但成品美观上过不了企划眼,仍需加油努力才行 <div id="wrap"> <div id="mapDiv"></div><!-- 地图容...

405浏览 4推荐 0评论

和一步聊聊css3 flexbox布局

和一步聊聊布局神器flexbox。 本文涉及内容如下: flexbox的基本概念、容器属性学习、项目属性学习、实战演练。 flexbox 堪称布局神器,但属性实在太多让人无从下手,因此将自己所学的知识做个总结。 基本概念 flexbox是Flexible Box的缩写,译为弹性布局。flex 布局主要是让容器中的子项目可以根据配置改变自身的宽高及顺序,以最佳的方式填充容器,达到弹性的目的。容器有横...

260浏览 3推荐 0评论

使用JS实现具有凸透镜效果的放大镜

基本布局: 输入代码<><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="text/css" href=...

276浏览 2推荐 1评论

CSS实现Sticky Footer

原文链接:JavaScript之禅 什么是 “Sticky Footer” 所谓 “Sticky Footer”,并不是什么新的前端概念和技术,它指的就是一种网页效果: 如果页面内容不足够长时,页脚固定在浏览器窗口的底部;如果内容足够长时,页脚固定在页面的最底部。但如果网页内容不够长,置底的页脚就会保持在浏览器窗口底部。 实现方法 1. 将内容部分的...

158浏览 2推荐 0评论

less中background:url问题

.bg-image(@url){ background-image:~"url(@{url}@2x.png)"; @media (-webkit-min-device-pixel-ratio: 3),(min-device-pixel-ratio: 3){ background-image:~"url(@{url}@3x.png)"; } } backgro...

215浏览 2推荐 0评论

css实现页面文字不换行、自动换行、强制换行

强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } ============================================ CSS设置不转行: overflow:hidden 隐藏 ...

985浏览 5推荐 0评论

盒子水平垂直居中方法

<!doctype html> <html> <head> <meta charset="utf-8"> <title>盒子水平垂直居中方法</title> <style> *{padding: 0; margin: 0; list-style: none;} .box01{width: 200...

1023浏览 10推荐 0评论

记一次网易前端实习面试

记一次网易前端实习面试 很幸运地能收到网易的面试通知,就毫不犹豫翘了课去面试了hhhh~三点的面试,因为从来没去过那个中关村西北旺区,吃完饭早早就去了,想象中那里应该是繁华的地方hhhh,到了发现都在建设中,很多还在建设中,看到了网易旁边的百度和搜狐,都是长长的大楼或者是高高的建筑,满满大企业的既视感~一进网易楼就没网= =,在里面也没事干,就呆在外面看看前端的东西准备下,到2点40的时候跟前台说...

930浏览 19推荐 2评论

CSS基础测试中发现的不足及解决方法

不足:1.关于list-style-image的说法正确的是: ①所有的主流浏览器都支持 list-style-image 属性②list-style-image 属性使用图像来替换列表项的标记。 2.text-transform 属性处理文本的大小写。这个属性有 4 个值:none(对文本不做任何改动)、uppercase( 将文本转换为全大写字符)、lowercase( 将文本转换为全小写字符...

483浏览 4推荐 0评论

我遇到的前端面试题2017 原创

想知道自己什么水平就出去面试.... 2017-10-19更新:修改22题深浅拷贝的答案 2017-10-18更新:修正部分题目答案,答案并非十分准确,仅供参考,此文部分题目答案故意省掉了一些高精尖、新奇特的东西,比如创建对象我写了三种,《JS高程》上可不止三种,一切以常用记得住的为宗旨,所以,对于部分答案有疑问的同学,可以留言讨论或自行斟酌 2017-10-12更新:有部分题目属于后端范畴,或者...

15158浏览 180推荐 21评论

前端工程师面试题(html+css)

正值金九银十的招聘旺季,我把我珍藏整理多年的前端面试题分享给大家,分三部分。这是第一部分,html和css布局相关的。 1. HTML5相关 1.1 新特性、移除了那些元素 HTML5 现在已经不是 SGML 的子集,主要是关于图像,位置,存储,多任务等功能的增加。 新特性(包括标签): 绘画 canvas; 用于媒介回放的 video 和 audio 元素; 本地离线存储 localStorag...

1826浏览 15推荐 0评论

CSS前端基础应用实践~

css的大小针对于网站的加载性能有一定的作用; 要想网站页面打开能够提升可在css中以下几个方面进行优化; 一、Css - 层级嵌套 层级过度的嵌套会影响解析同事也会导致css文件大小增加,理想的嵌套层级基本上三层就可以实现,当然特殊情况特殊处理。(例 二、Css - 背景图处理 【雪碧图】背景图过多会导致在加载css时候请求多次服务器。尤其是在两张图在切换的中间会出现空白的一瞬间,所以建议把小图...

769浏览 3推荐 0评论

CSS功能组件——3D点击动效按钮

样式 <style> .box{height:800px; text-align:center;} .box:after{display:inline-block; height:100%; content:''; vertical-align:middle; } /*重叠box-shadow*/ .btn{display:inline-block; width:1...

596浏览 4推荐 0评论
首页上一页1234567下一页尾页

推荐作者

热门手记

意见反馈 常见问题 APP下载
官方微信