Tag: 样式预览模式: 普通 | 列表

下拉菜单与文本框的字体大小问题

不管路是不是你经常走的,总会出现一些意想不到的事情,比如陌生的美女,哪家宠物狗的排泄物等,有惊也有喜。

样式编码写多了,也有不可控的时候,这时就只好有问题解决问题,有漏补漏。

先上图。

有问题的:

 

 select 控件的文字大小好像不能继承body的属性。用了下面的代码后,显示正常。

CSS代码
  1. select{fontnormal 12px/25px  "宋体""Arial"; }  

 如图:

查看更多...

Tags: 样式 文字大小 字号 CSS

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1056

版权符号©(或©)的显示你有注意过如下图这样的细节吗?

看到没有,左侧的图中版权符号©显示得很清楚完美,而右侧的却不如人意——偏小且不清楚。为什么呢?右侧的字号可是比左侧的字号大哦。

其实这个与字号没有关系,而是与字体有关。

左侧的文字样式为:{font-family:arial,Verdana;font-size12px;}。

而右侧的则是系统默认的字体,一般为宋体:{font-family:宋体;font-size17px;}。

如果不是选择左侧所用的字体,字号再大些这个符号都不是很清楚。当然,可以达到左侧效果的字体除arial、verdana可能还有其他的字体,我没有一一去验证,只求问题的解决与目的的实现。

查看更多...

Tags: 版权符号 © CSS 样式 字体

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 2337

常见CSS面试题收集

1、  如何定义高度很小的容器?
正解:在IE6下无法定义小高度的容器,是因为有一个默认的行高。
列举2种解决方案:overflow:hidden或font-size:容器高度px

2、  图片下方出现几像素的空白间隙?
正解:将img定义为display:block,或定义父容器为font-size:0

3、  IE6双倍margin的BUG?
正解:display:inline

4、  如何让层在falsh上显示?
正解:在falsh上添加<param name="mode" value="transparent"/>

5、  如何使得文字不换行?
正解:定义包含文字的容器为:width:xxx;white-space:nowrap;

6、  ie中如何让超出宽度的文字显示为省略号?
正解:定义容器为overflow:hidden;width:xxx;white-space:nowrap;text-overflow:ellipsis;

查看更多...

Tags: CSS 样式

分类:网络 | 固定链接 | 评论: 0 | 引用: 0 | 查看次数: 1658

用CSS定义table表格的样式

Table表格在Firefox和IE6中显示的效果如上图。下面是CSS定义的代码及纯HTML定义的代码展示,各位可以比较一下,也可以了解到怎么用CSS来实现table的各种样式。

据以实现的CSS代码是:

CSS代码
  1. table.List { PADDING-TOP: 4px; BACKGROUND-COLOR: #ffffff;margin-left:auto;margin-right:auto;margin-top:5px;margin-bottom:5px;border-collapsecollapse;    
  2. border:1px solid #1855C6;cell-spacing:0px;    
  3. }    
  4. table.List TH {background:url(http://img.kqyx.cn/admin/th_bg.gif); HEIGHT: 24px;border:1px solid #1855C6;    
  5. }    
  6. table.List TD {PADDING: 3px; LINE-HEIGHT: 23px; BACKGROUND: #FFFFFF;
  7. border:1px solid #1855C6;    
  8. }   

注意:table.list 与table .list (table与.list之间有空格)是有区别的,类名之间有没有空格所定义的样式之间的继承关系是不同的。有空格的是用于定义在table内的元素的样式,而没有空格的是定义table本身的样式。

table.list 用法:

XML/HTML代码
  1. <table class=list></table>  

table .list 用法:

XML/HTML代码
  1. <table><span class=list></table>  

查看更多...

Tags: CSS Table 表格 WEB标准化 样式

分类:网络 | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 17320