![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html与CSS
文章平均质量分 51
iteye_20193
这个作者很懒,什么都没留下…
展开
-
css图片与文字对齐
代码中,有时会需要在文字旁边加上一个图标。 默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能按想要的对齐。常见方法有3种:1、通过添加css的“vertical-align:”;2、如果图片是背景图片,可以在css中设置背景图片;3、把文字和图片分别放入不同的div中。上面三种方法都可以让图片和文字在同一行显示,下面我们用实例来应用一下。1、将文本与图片中部对齐...原创 2016-07-23 15:16:13 · 9444 阅读 · 0 评论 -
chrome html消除边框
自学习html以来用的都是谷歌浏览器,最近发现在默认情况下,谷歌浏览器是为body留有边框的,不仔细看真不容易看出来。在检查元素时可以清楚地看到这个边框。 一般来说这对页面没有太大影响,但是有时我们需要把这个边框去掉,让body中的元素紧挨着浏览器的边框,这时,就需要修改body元素的margin和padding属性,将两个属性的值都置为0。<!...原创 2016-07-29 17:38:44 · 3254 阅读 · 0 评论 -
去除点击按钮时出现的虚线框
最近发现,在点击按钮时会在周围出现虚线边框,这些虚线边框可以更好的看清按钮位置所在,便于浏览。但是有些时候我们却不想使用它们,因为浏览器对虚线框的解析有差异,并且不规则,所以看起来反而成为了某种缺陷。所以这种时候,我们想要禁用这些虚线边框,使页面看起来更美观。 下面介绍去除这些虚线边框的一些方法:1. outline:none;(较为常用)优点是代码简洁,...原创 2016-07-31 19:51:42 · 1637 阅读 · 0 评论 -
使文字在div中水平和垂直居中
使文字在div中水平和垂直居中的的css样式为text-align:center; /*水平居中*/line-height: 20px; /*行距设为与div高度一致*/text-align:center意思就是说,让这个DIV里的文字水平居中,而line-height:100px;的意思是说,让DIV里面的每一行文字,占的高度为100PX(和那个DIV的高度一样),这样,文字就垂...原创 2016-08-14 19:11:06 · 615 阅读 · 0 评论 -
CSS伪类和伪元素
CSS的元素选择器除了根据id(#)、class(.)、属性([ ])选取元素以外,还有很重要的一类,就是根据元素的特殊状态来选取元素。它们就是伪类和伪元素。跟id选择器、类选择器、属性选择器以及派生选择器等等这些从HTML文档层次结构(DOM树)中获取元素不同的是,伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状...原创 2017-03-15 17:00:54 · 184 阅读 · 0 评论