
Web前端
文章平均质量分 94
以实战为基础,介绍 Web 前端开发初学者常见问题与解决办法。
恋喵大鲤鱼
一条不止于编码的鱼。
展开
-
CSS浮动为什么不会遮盖同级元素
在W3CSchool学习web前端时,看完CSS定位-浮动这一节后,感觉没有什么问题。但是在CSS高级-分类这一节的中进行实践时,遇到了如下问题原创 2015-09-17 23:05:14 · 4770 阅读 · 0 评论 -
CSS中常见的长度单位
CSS中常见的长度单位名称,简洁明了。原创 2015-10-14 11:29:54 · 3125 阅读 · 0 评论 -
Web 前端开发初学者十问集锦(2)
1.html中行内元素可以设置宽高吗?行内元素(如a标签),在文档流中的时候因为是行内元素所以无法设置宽高;而当设置了绝对定位或者浮动,会生成块级框(即变成块级元素),所以就可以设置宽高了。2.img标签是行内元素为什么可以设置宽高?准确来说,img是替换内联元素 replaced inline element,属于inline element类目。其特殊之处在于可以设置height/width/p原创 2016-05-09 23:07:38 · 2641 阅读 · 0 评论 -
web前端开发初学者十问集锦(1)
1.script标签可以放置在什么位置答:script标签可以放置在html文件的任何地方(any where),比如既可以放置在html标签外,也可以放置在head内,也可以放置在body内,也可以放置在meta内。如下所示: html标签外:<html><body></body></html><script type="text/javascript"> document.wr原创 2016-05-04 00:34:56 · 2443 阅读 · 0 评论 -
web前端开发初学者十问集锦(3)
1.div的height:100%没有效果,如何让元素的高度自动扩充为父元素的高度?我们经常使用元素的width:100%和height:100%将元素的宽度和高度扩充至父元素的宽度和高度。但是前提是需要对其父元素显示设置宽度和高度,否则无效。注意,对父元素显示设置宽度和高度也可以使用n%这种百分比的形式,前提还是如上描述的那样,父元素的父元素的高度和宽度要明确的设置。2.relative定位bot原创 2016-05-10 17:04:16 · 1757 阅读 · 0 评论 -
web前端开发初学者十问集锦(5)
1.JS的立即执行函数的用法(1)立即执行函数的定义 立即执行函数(Immediately Invoked Function)是在页面加载时立即被执行的函数。也就是函数的定义与函数调用结合在了一起,是函数的一种定义方式,本质上就是函数表达式(命名的或者匿名的)在创建后立即执行;(2)立即执行函数的书写方式 常见的主要有两种方式。 第一种方式:(function () { alert('原创 2016-05-18 11:42:25 · 2051 阅读 · 2 评论 -
Web前端开发初学者十问集锦(4)
1.JS控制HTML元素的显示和隐藏利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位。方法一:document.getElementById("EleId").style.visibility="hidden";document.getElementById("EleId").style.visibi原创 2016-05-13 17:40:47 · 4309 阅读 · 0 评论 -
CSS3 制作 3D 水晶糖果按钮
本人仿照20个漂亮 CSS3 按钮效果及优秀的制作教程中的BonBon(Candy)Button实现了其棒棒糖果按钮,如下图所示: 在线演示地址见here。使用完全使用CSS实现,无需JS。源码如下:<html> <head> <meta charset="utf-8"/> <style type="text/css"> *{ mar原创 2017-01-09 13:17:31 · 2557 阅读 · 0 评论