CSS中常见的三种让元素水平居中显示的方法

2016-02-19 15:36 44 1 收藏

今天天气好晴朗处处好风光,好天气好开始,图老师又来和大家分享啦。下面给大家推荐CSS中常见的三种让元素水平居中显示的方法,希望大家看完后也有个好心情,快快行动吧!

【 tulaoshi.com - Web开发 】

在CSS网页布局中,不可避免的会涉及到CSS伪类的问题。到底该如何正确的定义CSS伪类呢?虽然22333中有很多相关的介绍,但复习一下也无妨。大家看下面的代码就能明白。

a.22333com{text-decoration:none;}
a.22333com:link{color:#f90;}
a.22333com:hover{color:#fff;background-color:#FF5900;}
a.22333com:active{color:#FF5900;}
a href="http://www.22333.com/" class="22333com"第一种写法 - 数字生活网/a

a .nav2 {color: #777;text-decoration: none;}
a:link .nav2 {color: #777;}
a:hover .nav2 {color: #f60;}
a:active .nav2 {color: #f60;}
a href="http://www.22333.com/"
  span class="nav2"第二种写法 - 数字生活网/span
/a

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

.www22333 a {text-decoration: none;color: #ccc; }
.www22333 a:visited {color: #ccc;}
.www22333 a:hover {color: #f60;}
span class="www22333"
a href="http://www.22333.com/"第三种写法 - 数字生活网/a
/span

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

来源:http://www.tulaoshi.com/n/20160219/1609992.html

延伸阅读
标签: Web开发
这是最基本的预览,下面是几种不同的应用代码 一、基本的CSS图表 CSS代码 style        .graph {             position: relative; /* IE is dumb */           width: 200px;   ...
标签: 怀孕
一、把性生活看作单纯的“献身” 这首先表现为对自己的生理构造、性功能和性反应缺乏足够的认识和理解。随着计划生育和妇女保健工作的普及,妻子对于避孕、怀孕和妇女病的知识较过去增加了很多,但是由于传统和习俗的限制,仍有一半以上的妻子不知道女性最敏感的性部位是什么,40%的妻子不知道或说不清女性的性高潮有什么表现。 这是由于...
中华养生常见的三种药膳 药膳菜肴 生地黄罐蒸鸡 【配方】生地黄100克,母鸡l只,大枣l0枚。 做法 1.将母鸡宰杀洗净后,入沸水锅内略焯一下,捞出。2。将生地黄洗净后,切成小块,放入鸡腹内。再将鸡与大枣都放入罐内,倒入米汤,封口后,用大火蒸2~3小时。取出后,依个人口味调味即成。 【功效】养阴益肾...
标签: Web开发
1、选择器(child selector) 如果你想在IE中隐藏一个CSS定义,可以使用子选择器。 css部分: htmlbody p { /* declarations */ } 2、“通配符”(*) 这种写法只有IE浏览器可以理解(对其他浏览器都隐藏) css部分: * html p { /* declarations */ } 3、“反斜线...
标签: Web开发
利用 CSS 来实现对象的垂直居中有许多不同的方法,比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法,以及它们各自的优缺点。(可以看看 测试页面 ,有简短解释。) 图1 ...

经验教程

583

收藏

21
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部