Yooge.Net - 甬派设计

投递文章 投稿指南 甬派设计公告: 新风格大家是否习惯?模板是否兼容?欢迎大家测试。问题反馈: QQ:285559800   邮箱:yooge.n...
搜索: 您的位置甬派设计 >> 网页设计 >> CSS/Xhtml教程
  • 07-05 11:07 甬派关于css自动换行
  • 大家都知道连续的英文或数字能是容器被撑大,不能根据容器的大小自动换行,下面是 CSS如何将他们换行的方法! 对于div 1.(IE浏览器)white-space:normal; word-break:break-all;这里前者是遵循标准。 #wrap{white-space:normal; width:200px; }或者#wrap{word-break:break-all;width:200px;} <div id="wrap"&g...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 1 0
  • 07-05 11:07 CSS中的行为——HTC
  • 最近对这些CSS中的行为有点兴趣,看了些文档作了个表单鼠标滑过效果。当然HTC的用途,大家最喜欢的要数自制组建,自定义标签了。 Quote 说明: HTC是HTML component的缩写, 是IE5.0的主要扩展之一, 除了具备一般组件的可重用优点之外, 还具有易于开发使用等优点, 因为需要引入外部文件,这里就不举例了,宝库里有例子. 控...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 1 0
  • 07-05 11:07 CSS教程:关于H1的使用技巧
  •  关于H1,一直都想和大家讨论H1用法的问题,可在RTX上好象一直没有提起大家的兴趣.   看过很多页面,很多人对H1的理解都不一样,个人有个人独到的创新想法,这样的答案也没有谁对谁错,就象大家每个人写CSS的习惯都不一样,不管怎么写最终是要达到设计稿的效果(这是最基本的要求).大家对xhtml的想法也有一大堆不一样,有不同...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:1 3 0
  • 07-05 11:07 CSS Frameworks的概念
  • 最近看到N多介绍CSS框架,前些天我说过一句话:“在我有限的视野里,还没见到可以真正可以称得上css框架的东东~”,当然也可能是我的视野太小了,或者是说世界太大了,我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念: 框架可分为白盒(White-Box)与黑盒(Black-Box)两种框架。 基于继承的框...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 0 0
  • 07-05 11:07 DIV+CSS常用的网页布局代码
  • 单行一列  以下是引用片段:  body { margin: 0px; padding: 0px; text-align: center; }   #content { margin-left:auto; margin-right:auto; width: 400px; width: 370px; }   两行一列  以下是引用片段:  body { margin: 0px; padding: 0px; text-align: center;}   #content-top { margin-left:aut...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 0 1
  • 06-08 09:06 常用CSS缩写
  • 使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色16进制的色彩值,如果每两位的值相同,可以缩写一半,例如:#000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸通常有下面四种书写方法:property:value1; 表示所有边都是一个值value1;property:value1 value2; 表示top和bottom的...
  • 查看全文 来源: 本站原创 作者:模板设计评论:3 5 0
  • 06-08 09:06 Div+CSS布局 网站设计的优点!
  • 业界越来越关注DIV+CSS的标准化设计,大到各大门户网站,小到不计其数的个人网站,在Div+CSS标准化的影响下,网页设计人员已经把这一要求作为行业标准。那么什么是Div+CSS标准?Div+CSS的标准化设计到底有什么好处?       Div 全称 division 意为“区分”使用 DIV&...
  • 查看全文 来源: 本站原创 作者:模板设计评论:0 1 0
  • 06-08 09:06 使用CSS缩写给你的网站加速
  • Web网站可用性的关键指标是速度,更确切地说,是页面能以多快的速度出现在访问者的浏览器窗口里。影响速度的因素有很多种,包括Web服务器的速度、访问者的Internet连接情况,以及浏览器必须下载的文件大小。尽管你无法控制服务器和连接的速度,但是你可以控制构成网站Web页面的文件大小。 为了让网站能够更快,Web的建设...
  • 查看全文 来源: 本站原创 作者:模板设计评论:0 0 0
  • 05-07 06:05 交替表格!使用一个css来实现
  • <style>.DoubleColorTable tr{background-color:expression("#FFFFFF,#f0eada".split(",")[rowIndex%2])}</style> 可以实现多行不同的颜色!("#FFFFFF,#f0eada".split(",")[rowIndex%2])}里面添加相应的颜色代码即可rowIndex%2是循环多少行!2就是两行. <HTML><HEAD><TITLE>交替变色...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:3 6 2
  • 05-03 10:05 用css网站布局之十步实录!(十)
  • 要继续此教程需要IE的以前的版本进行测试,绝大部分用户使用的是IE6.0,因此您几乎不需要看下去了。IE中主要出问题的是IE5和IE5.5,如其不能识别css中margin值为auto,要实现层的中间对齐,需加入: Example Source Code body {font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: 12px;color: #666666;text...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:2 0 0
  • 05-03 10:05 用css网站布局之十步实录!(八)
  • 首先需要控制页脚的文本显示:Example Source Code #footer {clear: both;height: 66px;font-family: Tahoma, Arial, Helvetica, Sans-serif;font-size: 10px;color: #c9c9c9;}  接着我们需要设置存在链接的文本的显示,在这我们没有改变文本的颜色(仍然为#c9c9c9),而只是让下划线消失:  Example Source Code ...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 1 0
  • 05-03 10:05 用css网站布局之十步实录!(七)
  • 为实现设计时的网页头部效果,我们需要以下两幅图:(点击另存,并相应修改文件名)  /images/headers/about.jpg/images/general/logo_enlighten.gif   首先我们给#header层添加背景图案:Example Source Code #header {height: 150px;background: #db6d16url(../images/headers/about.jpg);}  我们使用的背景属...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 1 0
  • 05-03 10:05 用css网站布局之十步实录!(六)
  • 你是不是厌倦了那些大红大绿的背景,现在是去掉它们的时候了,只保留导航条的红色背景。真是难为您居然能坚持学习本教程到此,很好,再过几步,你就能很好了解css控制整个网页版面(Layout)的能力。  先设置全局的文本样式:Example Source Code body {font-family: Arial, Helvetica, Verdana, Sans-serif;font-size: ...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:1 4 1
  • 05-03 09:05 用css网站布局之十步实录!(五)
  • 除网页主要框架之外的附加结构的表现(Layout),包括以下内容:  1.主导航条;  2.标题(heading),包括网站名和内容标题;  3.内容;  4.页脚信息,包括版权,认证,副导航条(可选)。   加入这些结构时,为了不破坏原有框架,我们需要在css文件"body"标签(TAG)下加入:Example Source Code .hidden {display: none;}...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 0 0
  • 05-03 09:05 用css网站布局之十步实录!(四)(图)
  • 第四步:网页布局与div浮动等 1.浮动:首先让边框浮动到主要内容的右边。用css控制浮动。 Example Source Code [ #sidebar-a {float: right;width: 280px;background: darkgreen;}   表现如下:2.往主要内容的盒子中写入一些文字。在html文件中写入: Example Source Code [ <div...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 3 1
  • 05-03 09:05 用css网站布局之十步实录!(二)
  • 第二步:创建html模板及文件目录等 1.创建html模板。  代码如下:Example Source Code [ <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta http-equiv="Cont...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 0 0
  • 05-03 09:05 用css网站布局之十步实录(图)
  • 第一步:规划网站,本教程将以图示为例构建网站  首先需要规划网站,本教程将以下图为例构建网站。  其基本布局见下图:主要由五个部分构成:  Example Source Code [ 1.Main Navigation 导航条,具有按钮特效。 Width: 760px Height: 50px 2.Header 网站头部图标...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 0 0
  • 05-03 09:05 CSS Frameworks的概念
  • 最近看到N多介绍CSS框架,前些天我说过一句话:“在我有限的视野里,还没见到可以真正可以称得上css框架的东东~”,当然也可能是我的视野太小了,或者是说世界太大了,我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念: 框架可分为白盒(White-Box)与黑盒(Black-Box)两种框架。 基于继承的框...
  • 查看全文 来源: 本站原创 作者:甬派设计评论:0 0 0
  • 05-02 03:05 大家关心话题如何像table一样对层div进行轻松布局
  • 下面是我翻译的内容,是根据我对文章的理解意译的,你就别挑哪里翻译的不对了,我的目的只是传达这个CSS技巧。 许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。但是你又不喜欢用table来实现...
  • 查看全文 来源: 甬派网络 作者:甬派设计评论:0 4 0
  • 05-02 03:05 很多人问使用DIV+CSS后,表格Table还有用吗?
  • 符合网页标准的网页是DIV+Css制作的,那么我们以前使用的表格Table还有用吗?是不是要彻底放弃呢?   关于DIV和TABLE表格的使用疑问有不少人很是疑惑,整理一下思路!   关于表格   使用WEB标准之后,并不是说排除表格的使用,表格并不是鸡肋,而正好相反是一道大餐,之所以在很多关于CSS布局的文章中常提到"为什么使...
  • 查看全文 来源: 甬派网络 作者:甬派设计评论:0 1 0
221/212>
 
甬派设计 - 交流论坛 - 快捷面板 - 站点地图 - 友情链接 - 空间列表 - 站点存档 - 联系我们