使用html和css的一些经验

css定位学习经验记录

之前了解到css的定位position属性,常用的三种: position:absolute 1.当父元素定位为relative时,以父元素为起始坐标定位. 2.当父元素没有定位时,以body为起始坐标定位. position:relative 1.以自身为起始坐标定位. position:fixed 1.以body为起始坐标定位.…

1. 如何清除图片下方出现几像素的空白间隙方法1 img { display: block; } 方法2 img { vertical-align: top; } // 除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的<length>和<percentage>值都可以方法3 // #test为img的父元素 #test { font-size: 0; line-height: 0; } 2. 如何让文本垂直对…

使用html和css的一些经验

1.注释须知:html中注释不能这样写: <div></div> <div></div> 这种写法,FF中会忽略其下面的内容. 2.CSS注释切记在/*之后及*/之前空一格,否则在有些语言中会出问题,正确写法: #div{style}/* 注释前后要空格 */ 3.最简单区分IE与FF的HACK写法 #layer{ padding-…

CSS技巧和经验

如何清除图片下方出现几像素的空白间隙方法1 img { display: block; } 方法2 除了top值,还可以设置为text-top | middle | bottom | text-bottom,甚至特定的和值都可以 img { vertical-align: top; } 方法3 /* #test为img的父元素 */ #test { font-size: 0; line-height: 0; } 如何让文本垂直对齐文本输入框 input { vertical-align: mi…

css样式继承经验记录

与元素(文字颜色.字体等)相关的样式默认会被继承: 与元素在页面上的布局相关的样式默认不会被继承: <body> <p>I like <span>aplles</span> and oranges.</p> </body> <style type="text/css"> p { color: white; background: grey; border: medium solid black; } &…

Html.CSS.JavaScript 学习经验

HTML里面不要使用 document.getElementsByName() 来获取元素,会出错. 使用 document.getElementById()更好一些. substring()首字母小写 CSS样式里面不要一个类写完了不要用分号; 会导致下一个类失效属性名称和属性中间是冒号: 不是=…

CSS技巧和经验列表

如何清除图片下方出现几像素的空白间隙? img{display:block;} 如何让文本垂直对齐文本输入框? input{vertical-align:middle;} 如何使文本溢出边界显示为省略号? #test{width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} 如何容器透明,内容不透明? .outer{width:200px;height:200px;background:#000;filter:…

css知多少（7）——盒子模型

1. 引言从这一节开始,我们就进入本系列的第三部分——css呈现.本部分将描述css在页面的几种布局和呈现的特性.包括两类:文字.块. 第一类——文字.这部分相对比较简单一些,例如设置字号.字体.颜色.背景色.是否加粗等.重点的地方在于设置字体.设置行高.文字相关的距离都用相对值,这些东西在<css知多少(4)——解读浏览器默认样式>那一节已经说过了.另外还有一个重点,就是web端最流行的字体库fontAwesome,关于它我之前有一篇文章专门讲过,请参见<请用fontAwesome代…

浅谈对CSS的认识

自从进公司也有2个多月了,相信和我一批进来的小伙伴们都收获了很多东西,这个是在学校所学不到的,也让成长了很多.作为新人的我,从认为CSS是个很简单的东西,到现在觉得CSS中水很深,感觉学了很多的CSS的东西,但确实比较零散,是需要多总结了.写这篇博客的目的只是想让那些刚入门的新手对CSS多些自己的理解,让那些大神们勾起自己学习CSS时的回忆.1.浅谈前端规范刚来公司的时候感觉前端规范就是约束人的,感觉没必要,写CSS还有种被束缚的感觉,以前写CSS都会自由发挥的,想到了就在后面加上即可,想怎么写…

说说CSS学习中的瓶颈

虽已数年,但未就学习专门写过文章,这回破处了.苍蝇不叮没有缝隙的鸡蛋,领导不做没有跟拍的表演,同样,想到写CSS学习的文章也是有原因的(虽然我的不少行为没有原因). 情景再现(尊重隐私,下面故事中人名均为化名,有加工): 如月姑娘(本届D2上微博中奖上台最漂亮的那位)的内部分享会--关于CSS3 background相关内容~~--一顿巴拉巴拉-- 如月:假设背景图片500px*500px,则应用background-size:50%后,显示的背景图片大小就是250px*250px三晶:咔!不对…