html
文章平均质量分 71
MelissaHu
这个作者很懒,什么都没留下…
展开
-
a 和 button
像 button 的原始目的就是一个通用的按钮,点击后应该触发 JavaScript, 没有其它附带的隐含的附加效果; 标签的隐含附带效果就是跳转页面到其它地方,而提交表单时应该有一个隐含附带的让浏览器触发提交表单的效果,它就与 button 默认的行为不一样了。所以我们根据这点来区分我们应该用 button 还是用 input 或 a 标签。今天遇到一个难题,代码如原创 2016-04-27 17:34:36 · 1204 阅读 · 0 评论 -
img是inline元素
img是inline元素,但是他同时也是replace元素,他有着特殊的表现: 1. 可以设置width/height; 2. 默认的,img元素在屏幕占据的空间与其图片的实际像素一致,除非CSS有设置或者自身的width/height HTML 属性有设置 3. 如果img标签的包裹元素为也为inline元素,则img的边界可以超出其直接父元素的边界,直到原创 2016-04-20 15:50:39 · 1521 阅读 · 0 评论 -
clone和clone(true)的差别
clone(true)方是复制一个元素及其所有事件。clone()方法是复制一个元素,不包含其所有事件。原创 2016-07-01 17:17:45 · 797 阅读 · 0 评论 -
图片展示集的排列问题
有个图集展示区,每一排展示4个图片,我使用ul的li元素去包裹img元素和p元素(p是对对应的图片的描述)。问题一:li与li之间都有一定的间距,但是每一排的第一个左边和第四个的右边的间距为零。解决:如果是左浮动就只需要解决第四个的右边距问题,在设置完所有li的右边距后,单独再设置一个~~~li:nth(4n+0){margin-right:0;}。最后再调节之前所设置的所有l原创 2016-06-21 15:44:02 · 397 阅读 · 0 评论 -
响应式图片
最近在做响应式的网站,发现使用大幅图作为网页背景图出现了很多问题。一张全屏、高质量的图片的大小是非常大的。这会造成加载网页速度变慢,你需要权衡利弊。需要记住的点有:1.在使用背景图片之前最好要研究一下平均屏幕分辨率的问题。一般的方法是使用一些分析软件去查看已经存在的网站,例如:Google Analytics。除此之外,还可以了解一下屏幕分辨率总体趋原创 2016-07-07 16:45:33 · 401 阅读 · 0 评论 -
三栏-中栏流动布局
html代码 /*三栏外包装(包围全部三栏)*/ /*两栏外包装(包围左栏和中栏)*/ Nav Article /*结束两栏外包装(twocolwrap)*/ Asides /*结束三栏外包装(threecolwrap)*/ css代码#main_wrapper{min-width: 600px;max-widt原创 2016-08-04 10:51:49 · 372 阅读 · 0 评论 -
非凡等你发现---项目心得
1.想运用一个插件,如swiper,和 jQuery custom content scroller,首先要熟悉人家的API, 运用此两插件的时候, 第一次遇到问题是 发现swiper在翻页器上完全没有多样化原生接口,提供的都只是能自动生成的简简单单的小原点翻页器,,其实是要利用其中的一个原声方法和jq 去插入想要的文本,运用的是append(),before()和after()等方法,, 而滚动...原创 2018-04-11 22:13:20 · 176 阅读 · 0 评论