-
谈谈网页设计中的字体应用Font Set
所属栏目:[百科] 日期:2016-12-08 热度:78
Hihi, 大家好~nbsp; 最近有不少人都提及了网页上该如何选择字体的问题。问题虽然小,但是却是前端开发中的基本,因为目前的网页,还是以文字信息为主,而字体,作为文字表现形式的最重要参数之一,自然有着相当重要的地位。可惜字体的重要性在很长时间内并[详细]
-
网页设计中的 serif 和 sans-serif字体应用
所属栏目:[百科] 日期:2016-12-08 热度:101
Howdy, 大家好,又是我~nbsp; 上一次我们简单的谈了一下 font set和一些要注意的基本问题 。今天我们继续字体这一话题,深入讲讲上次提到的“ 通用字体族 ”。首先是最常用的 serif 和 sans-serif 这两个通用字体族。 nbsp; - serif Serif 在印刷学上指衬[详细]
-
css样式之区分input是按钮还是文本框的方法第1/4页
所属栏目:[百科] 日期:2016-12-08 热度:86
当你看到lt;inputgt;这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的: lt;input[详细]
-
CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
所属栏目:[百科] 日期:2016-12-08 热度:144
今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 expression,但是利用了一次加载,所以 expression 不会造成[详细]
-
层盖住下拉列表框问题解决方案
所属栏目:[百科] 日期:2016-12-08 热度:99
IE6真的让人很郁闷。但是就目前而言,我们还是不能放弃对IE6的兼容。从下面的我的blog访问统计分析数据来看,使用IE6的还是占有绝对主流的。 本来想顺便说说web标准中这个“标准”到底是个什么东西,但是发现,还是明日另起一篇吧。因为这个不是“顺便说说[详细]
-
css文本框与按钮美化效果代码
所属栏目:[百科] 日期:2016-12-08 热度:170
一、先看看在网页中经常出现的按钮与文本框的本来面目吧! 对照上图,我们怎么样才能改变文本框与按钮的模样呢?那在下面我为大家提供两种文本框与按钮样式作为例子参考,第一种是文本框与按钮无立体感,只是有线nbsp;条颜色与填充颜色的,这种效果大家可能[详细]
-
div+css在思路和流程上实现结构与表现的分离分析
所属栏目:[百科] 日期:2016-12-08 热度:174
古老的话题:一首古诗的分离 1.给你一首古诗,保存为毫无格式的一堆文字,你去理解它的内容,进行结构的处理。用word排版之后,他有了结构 2.这个结构其实包含了语义和表现 3.用html进行结构化,抛开一切的表现形式,只考虑语义 4.用CSS进行表现处理,包括h[详细]
-
css教程 css和document
所属栏目:[百科] 日期:2016-12-08 热度:133
Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content on positioning, lists and generated content, table lay[详细]
-
CSS Hack 汇总速查手册浏览器兼容必会
所属栏目:[百科] 日期:2016-12-08 热度:121
屏蔽IE浏览器(也就是IE下不显示) 复制代码 代码如下: *:lang(zh) select {font:12px !important;} /*FF 可见,特别声明:由于Opera最新的更新,此句目前已经成为FF的专用HACK*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符[详细]
-
有衬线字体与无衬线字体比较
所属栏目:[百科] 日期:2016-12-08 热度:98
serif 的意思是,在字的筆畫開始及結束的地方有額外的裝飾,而且筆畫的粗細會因直橫的不同而有不同。相反的,sans serif 就沒有這些額外裝飾,而且筆畫粗細大致上是差不多。 像 Times、Times New Roman 等都是屬於 serif 的字體,而 Arial、helvetica 則是[详细]
-
网页中英文混排行高不等问题的解决方法
所属栏目:[百科] 日期:2016-12-07 热度:183
基本上快被这个问题搞疯了,症状如下 症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况。影响了布局的美观性,造成上图情况的原因是中英文的文字基线不同[详细]
-
iframe transparent透明背景方法
所属栏目:[百科] 日期:2016-12-07 热度:111
在transparentBody.htm文件的lt;bodygt;标签中,我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解 复制代码 代码如下: lt;IFRAME ID="Frame1" SRC="transparentBo[详细]
-
网页绿色系配色应用实例图文第1/2页
所属栏目:[百科] 日期:2016-12-07 热度:155
绿色与人类息息相关,是永恒的欣欣向荣是的自然之色,代表了生命与希望,也充满了青春活力,绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息,有缓解眼部疲劳的作用。 它本身具有一定的与自然、健康相关的感觉,所以也经常用于与自然、健康相关[详细]
-
css浏览器不兼容原因分析及解决办法第1/2页
所属栏目:[百科] 日期:2016-12-07 热度:159
在下不才,归纳几点html编码要素,望能指点各位: 1.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:[详细]
-
不用图片作背景CSS做的小灯笼效果_练习用
所属栏目:[百科] 日期:2016-12-07 热度:162
写这个效果,可以熟悉以下: 1、相对定位中的绝对定位; 2、CSS 针对浏览器 HACK; 3、了解几种边框,以及可以实现的变化;以及加了边框后,宽度和高度的计算方法; 4、感受浮动,浮动的东西只有多作一些,才会感受更深一些; 5、还可以熟悉一下小学的加减[详细]
-
css 跨浏览器实现float:center
所属栏目:[百科] 日期:2016-12-07 热度:133
复制代码 代码如下: lt;div id="macji"gt; lt;ul class="macji-skin"gt; lt;ligt;列表一lt;/ligt; lt;ligt;列表二lt;/ligt; lt;ligt;列表三lt;/ligt; lt;/ulgt; lt;/divgt; 我们希望实现li是浮动的,并且居中的(li个数不固定,ul宽度未知)。可以设置ul的[详细]
-
html滚动条样式
所属栏目:[百科] 日期:2016-12-07 热度:70
一、滚动条的轨迹,记作:scrollbar-track。所谓“轨迹”,指滚动条的滑动块运行时所必经的路线。 二、滚动条的滑动块,即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块,记作:scrollbar-face。face即滚动条的“脸”,注意它有[详细]
-
几个常用经典的css技巧
所属栏目:[百科] 日期:2016-12-07 热度:110
使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。 清除容器浮动 #main { overflow:hidden; } 期前也提到过这样的问题,更多信息可[详细]
-
css+table 1px边框单元格
所属栏目:[百科] 日期:2016-12-07 热度:89
css table 之1px边框单元格--脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
css之使table也能overflow:hidden
所属栏目:[百科] 日期:2016-12-07 热度:176
css table 超出隐藏 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
firefox css自动换行的实现方法
所属栏目:[百科] 日期:2016-12-07 热度:123
IE直接用: word-break:break-all;nbsp;nbsp;/*允许词内换行*/nbsp;nbsp;nbsp; word-wrap:break-word;nbsp;/*内容将在边界内换行*/nbsp;nbsp;nbsp; /*需要注意的默认是:*/nbsp;nbsp;nbsp; word-wrap:normalnbsp;/*允许内容顶开指定的窗口边界*/nbsp;nbsp;nb[详细]
-
css支持标准的图片垂直居中
所属栏目:[百科] 日期:2016-12-07 热度:110
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
CSS的color颜色使用说明
所属栏目:[百科] 日期:2016-12-07 热度:171
red红色 等同于 rgb(255,0,0) 等同于 rgb(100%,0%,0%) 等同于 #ff0000 等同于 #f00 有17个预先确定的颜色,它们是: aqua,nbsp;black,nbsp;blue,nbsp;fuchsia,nbsp;gray,nbsp;green,nbsp;lime,nbsp;maroon,nbsp;navy,nbsp; olive,nbsp;orange,nbsp;purple,n[详细]
-
html页面head区域的编码书写规范
所属栏目:[百科] 日期:2016-12-07 热度:132
今天我们简单的介绍一下head区域主要放置了内容。这里就不强调css和javascript了,这两者是大家所熟知的。 head区一般必须加入的标识有:nbsp; 公司版权注释 lt;!---nbsp;thenbsp;sitenbsp;isnbsp;designednbsp;bynbsp;MrJinnbsp;03/2001nbsp;---gt;nbsp;nb[详细]
-
CSS教程之css选择器 、属性、值
所属栏目:[百科] 日期:2016-12-07 热度:70
bodynbsp;{nbsp; nbsp;nbsp;nbsp;nbsp;font-size:nbsp;0.8em;nbsp; nbsp;nbsp;nbsp;nbsp;color:nbsp;navy;nbsp; }nbsp; 上面的意思是为body选择器设置font-size字体大小和color字体颜色。nbsp; 所以基本的,当它作用与HTML页面时,在body标签(整个窗口中[详细]