-
谈谈网页设计中的字体应用Font Set
所属栏目:[百科] 日期:2016-12-06 热度:197
Hihi, 大家好~nbsp; 最近有不少人都提及了网页上该如何选择字体的问题。问题虽然小,但是却是前端开发中的基本,因为目前的网页,还是以文字信息为主,而字体,作为文字表现形式的最重要参数之一,自然有着相当重要的地位。可惜字体的重要性在很长时间内并[详细]
-
网页设计中的 serif 和 sans-serif字体应用
所属栏目:[百科] 日期:2016-12-06 热度:100
Howdy, 大家好,又是我~nbsp; 上一次我们简单的谈了一下 font set和一些要注意的基本问题 。今天我们继续字体这一话题,深入讲讲上次提到的“ 通用字体族 ”。首先是最常用的 serif 和 sans-serif 这两个通用字体族。 nbsp; - serif Serif 在印刷学上指衬[详细]
-
css样式之区分input是按钮还是文本框的方法第1/4页
所属栏目:[百科] 日期:2016-12-06 热度:194
当你看到lt;inputgt;这个html标签的时候,你会想到什么?一个文本框?一个按钮?一个单选框?一个复选框?……对,对,对,它们都对。也许你可能想不到,这个小小的input竟然可以创造出10个不同的东西,下面是个列表,看看,哪些是你没有想到的: lt;input[详细]
-
CSS expression控制图片自动缩放效果代码[兼容 IE,Firefox]
所属栏目:[百科] 日期:2016-12-06 热度:59
今天用了很久时间终于解决了这个问题,基本完美了,唯一不完美的就是 IE 6 只有在图片完全下载完成后才会自动调整大小,不过聊胜于无,总比进入页面后看到长长的横向滚动条舒服的多,这里使用了 expression,但是利用了一次加载,所以 expression 不会造成[详细]
-
层盖住下拉列表框问题解决方案
所属栏目:[百科] 日期:2016-12-06 热度:174
IE6真的让人很郁闷。但是就目前而言,我们还是不能放弃对IE6的兼容。从下面的我的blog访问统计分析数据来看,使用IE6的还是占有绝对主流的。 本来想顺便说说web标准中这个“标准”到底是个什么东西,但是发现,还是明日另起一篇吧。因为这个不是“顺便说说[详细]
-
css文本框与按钮美化效果代码
所属栏目:[百科] 日期:2016-12-06 热度:144
一、先看看在网页中经常出现的按钮与文本框的本来面目吧! 对照上图,我们怎么样才能改变文本框与按钮的模样呢?那在下面我为大家提供两种文本框与按钮样式作为例子参考,第一种是文本框与按钮无立体感,只是有线nbsp;条颜色与填充颜色的,这种效果大家可能[详细]
-
div+css在思路和流程上实现结构与表现的分离分析
所属栏目:[百科] 日期:2016-12-06 热度:154
古老的话题:一首古诗的分离 1.给你一首古诗,保存为毫无格式的一堆文字,你去理解它的内容,进行结构的处理。用word排版之后,他有了结构 2.这个结构其实包含了语义和表现 3.用html进行结构化,抛开一切的表现形式,只考虑语义 4.用CSS进行表现处理,包括h[详细]
-
css教程 css和document
所属栏目:[百科] 日期:2016-12-06 热度:60
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-06 热度:139
屏蔽IE浏览器(也就是IE下不显示) 复制代码 代码如下: *:lang(zh) select {font:12px !important;} /*FF 可见,特别声明:由于Opera最新的更新,此句目前已经成为FF的专用HACK*/ select:empty {font:12px !important;} /*safari可见*/ 这里select是选择符[详细]
-
有衬线字体与无衬线字体比较
所属栏目:[百科] 日期:2016-12-06 热度:157
serif 的意思是,在字的筆畫開始及結束的地方有額外的裝飾,而且筆畫的粗細會因直橫的不同而有不同。相反的,sans serif 就沒有這些額外裝飾,而且筆畫粗細大致上是差不多。 像 Times、Times New Roman 等都是屬於 serif 的字體,而 Arial、helvetica 則是[详细]
-
网页中英文混排行高不等问题的解决方法
所属栏目:[百科] 日期:2016-12-06 热度:91
基本上快被这个问题搞疯了,症状如下 症状描述:在ie下(6或7,8没有试过)当出现中英文混排,都采用默认字体时,并使用 li 列表做float时,会出现如上图的症状,文字排列上下不对齐的情况。影响了布局的美观性,造成上图情况的原因是中英文的文字基线不同[详细]
-
iframe transparent透明背景方法
所属栏目:[百科] 日期:2016-12-06 热度:84
在transparentBody.htm文件的lt;bodygt;标签中,我已经加入了style="background-color=transparent" 通过以下四种IFRAME的写法我想大概你对iframe背景透明效果的实现方法应该会有个清晰的了解 复制代码 代码如下: lt;IFRAME ID="Frame1" SRC="transparentBo[详细]
-
网页绿色系配色应用实例图文第1/2页
所属栏目:[百科] 日期:2016-12-06 热度:63
绿色与人类息息相关,是永恒的欣欣向荣是的自然之色,代表了生命与希望,也充满了青春活力,绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息,有缓解眼部疲劳的作用。 它本身具有一定的与自然、健康相关的感觉,所以也经常用于与自然、健康相关[详细]
-
css浏览器不兼容原因分析及解决办法第1/2页
所属栏目:[百科] 日期:2016-12-06 热度:80
在下不才,归纳几点html编码要素,望能指点各位: 1.文字本身的大小不兼容。同样是font-size:14px的宋体文字,在不同浏览器下占的空间是不一样的,ie下实际占高16px,下留白3px,ff下实际占高17px,上留白1px,下留白3px,opera下就更不一样了。解决方案:[详细]
-
不用图片作背景CSS做的小灯笼效果_练习用
所属栏目:[百科] 日期:2016-12-06 热度:106
写这个效果,可以熟悉以下: 1、相对定位中的绝对定位; 2、CSS 针对浏览器 HACK; 3、了解几种边框,以及可以实现的变化;以及加了边框后,宽度和高度的计算方法; 4、感受浮动,浮动的东西只有多作一些,才会感受更深一些; 5、还可以熟悉一下小学的加减[详细]
-
css 跨浏览器实现float:center
所属栏目:[百科] 日期:2016-12-06 热度:193
复制代码 代码如下: 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-06 热度:156
一、滚动条的轨迹,记作:scrollbar-track。所谓“轨迹”,指滚动条的滑动块运行时所必经的路线。 二、滚动条的滑动块,即在它上面按下鼠标左键不放可上下或左右移动的滑动块以及滚动条两头的小方块,记作:scrollbar-face。face即滚动条的“脸”,注意它有[详细]
-
几个常用经典的css技巧
所属栏目:[百科] 日期:2016-12-06 热度:88
使用 line-height 垂直居中 line-height:24px; 使用固定宽度的容器并且需要一行垂直居中时,使用 line-height 即可(高度与父层容器一致),更多的垂直居中总结可以看这里。 清除容器浮动 #main { overflow:hidden; } 期前也提到过这样的问题,更多信息可[详细]
-
css+table 1px边框单元格
所属栏目:[百科] 日期:2016-12-06 热度:138
css table 之1px边框单元格--脚本之家 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
css之使table也能overflow:hidden
所属栏目:[百科] 日期:2016-12-06 热度:200
css table 超出隐藏 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行][详细]
-
分享15个最佳的HTML/CSS设计和开发框架
所属栏目:[百科] 日期:2016-12-05 热度:56
专业的网页设计是既复杂又耗时的。它需要HTML和CSS框架的完美结合。这些框架不仅可以为设计方案增加特定的功能,还可以大大地节省时间和精力。 高效的框架不仅是网站设计的基础,它提供的各种丰富多彩的功能,还提高整体的功能和性能。一个网站的外观和设[详细]
-
关于favicon.ico的两三事(最好就是放根目录)
所属栏目:[百科] 日期:2016-12-05 热度:132
随便打开一个网页:比如 http://www.baidu.com/ 可以看到在浏览器的标签头上面显示了一个图标,这个图标是: ,也就是我们常说的favicon.ico. nbsp; 由于这篇文章主要讨论favicon.ico,以及各个浏览器对其的不同处理,所以还是新建web项目如下: home.html[详细]
-
分享10个最新的Web前端框架(翻译)
所属栏目:[百科] 日期:2016-12-05 热度:93
在Web开发的世界里,框架是很常见的东西,甚至每天都有新的框架和模板产生,你很难对它们都了解,你也很难决定应该使用哪一个框架。前端Web框架的本质就是JavaScript,CSS和HTML相关组件的集合,你可以把它应用到日常的项目中,可以极大节省开发时间,特别[详细]
-
专题页设计的5个基本功(阿里巴巴UED 山木)
所属栏目:[百科] 日期:2016-12-05 热度:179
这个主题是2012年下半年的一次内部分享,迟迟未形成文章,马上过年了赶紧整理起来,顺便给视觉设计师们拜年了!!!我自己内心的一个呼唤,明年脱离ldquo;苦逼rdquo;二字hellip;hellip; 网站的专场设计,应该算是网页视觉设计师的必修课,应该也算是最基本[详细]
-
前端开发必备常用工具函数小结
所属栏目:[百科] 日期:2016-12-05 热度:149
1、时间格式化等方法 推荐使用 moment.js 的库文件 2、模板、循环、MAP等方法使用 underscode.js 的方法 3、表单序列化成JSON 复制代码[详细]