T086学习网 | 站长学院 | 技术文档 | 成语 | 歇后语 | 帝国时代 | 代码收藏 | IP地址查询 | 生活百科 | 生日密码 | CSS压缩 | 用户评论 | 欣欣百宝箱

中文排版CSS心得

2006-09-27 18:07:20
数月来学习web标准,并遵循标准设计和制作web页面。一直想写点什么,整理一下自己的心得体会。写这篇文章,主要是针对中文排版设计,英文排版因为很少做,所以不涉及。先介绍如何设定字体、颜色、大孝段落空白等比较简单的应用,后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版,比如中文字的截断、固定宽度词内折行(word-wrap和word-break)等等。因为只是写一些应用方面的心得,如果需要完整的CSS属性介绍,请参考CSS手册。1、如何设定文字字体、颜色、大小 —— 使用font font-style设定斜体,比如font-style: italic;font-weight设定文字粗细,比如font... 查看详细内容 >>
中文排版CSS心得的相关文章推荐
CSS  排版 

编写更好的CSS代码

编写好的CSS代码,有助提升页面的渲染速度。本质上,引擎需要解析的CSS规则越少,性能越好。MDN上将CSS选择符归类成四个主要类别,如下所示,性能依次降低。ID 规则Class 规则标签规则通用规则对效率的普遍认识是从S...

每位设计师都应该拥有的50个CSS代码片段

面对每年如此多的 新趋势 ,保持行业的领先是个很困难问题. 网站设计者和前端工程师都已经全面的使用 CSS3 properties, 决定这些的是 浏览器支持 和新的特性. 但是还是有些优秀的CSS2代码片段和CSS3一起运行中.这篇文...

HTML标签的默认CSS样式汇总

在html中,即使我们没有指定页面元素显示的css样式,元素也会按照默认的的标准css样式去显示。因此掌握基本的html标签可以在一定程度上精简你的css代码,现将html标签的默认属性进行一定的汇总如下: li { display: ...

来自Yahoo!的网站前端性能优化建议

Yahoo! 的 Exceptional Performance team 在 Web 前端方面作出了卓越的贡献。广为人知的优化规则也由 13 条到 14 条,再到 20 条,乃至现在的 34 条--真是与时俱进啊。 Excetional Performance团队总结出了一系列可以...

前端设计中的浏览器CSS Hack汇总

CSS Hack是我们解决浏览器兼容性(尤其是IE各版本)问题的常用手段。CSS Hack的手法可以说是五花八门,使用时经常混淆。下面是一个汇总,以便查阅。 js代码 /***** Selector Hacks ******/ /* IE6及更低版本浏览器 *...

Web 2.0应用客户端性能问题十大根源

Web 2.0应用的推广为用户带来了全新的体验,同时也让开发人员更加关注客户端性能问题。最近,资深Web性能诊断专家、知名工具dynatrace的创始人之一Andreas Grabner根据自己的工作经验,总结了Web 2.0应用客户端性能问...

HTML优化

在前段领域中,对Javascript和CSS的优化一直是大家关注的焦点,相应的压缩优化工具也非常丰富,相对而言对HTML优化的关注则显得有些冷淡。在Steve Souders的大作《Even Faster Web Sites》中谈到非常多有效的前端优化...

怎样成为优秀的前端工程师

昨天,我负责了Yahoo!公司组织的一次面试活动,感触颇深的是其中的应聘者提问环节。我得说自己对应聘者们提出的大多数问题都相当失望。我希望听到一些对在Yahoo!工作充满激情的问题。在昨天的应聘者中,只有一个人的...

CSS Hack浏览器兼容整理

一、基础概念 CSS hack:针对不同的浏览器写不同的CSS code的过程。 Css hack的原理:由于不同的浏览器对CSS的支持及解析结果不一样,还由于CSS中的优先级的关系。我们就可以根据这个来针对不同的浏览器来写不同的CS...

[用例]html元素的部分常用默认样式

<!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/strict.dtd ><html><head><meta http-equiv= Content-Type content= text/html; charset=utf-8 &g...

谷歌中国新掌门出招:5000万激励搜索营销

  为每个新注册“谷歌关键字广告”用户提供500元营销基金   告别李开复一人担负总裁角色的金字塔管理模式之后,谷歌中国今后将由分别负责研发和商务运营两条业务的经理人双轨管理。   昨天,谷歌中国新掌门人之...

CSS备忘录

以下内容的总结使用的浏览器是:Firfox2.0,IE7Float相关:跟在一个浮动标签之后的块级元素且此块级元素有Width属性,那么IE7和FF的处理方式不同:1):对Margin的影响FF:块级元素的Margin边界不紧跟浮动元素,而是靠...

IE, FireFox, Opera 浏览器支持CSS实现Alpha半

这个世界变化很快,IE8也快出来了,它将不在支持以前{filter:alpha(opacity=50);}的私有属性,转而支持更规范的私有属性-ms-filter: “progid:DXImageTransform.Microsoft.Alpha(Opacity=50)”;加之Firefox2.0和Oper...

css中的table-layout:fixed

  当你准备全面进军web标准时,有时候你是不是被表格的弄得焦头烂额呢?比如,原来使用“非法”的nobr现在要用什么来代替呢?   今天,就让我来一个终极解决方案。   或许你已经Google到white-space: nowra...

视频教程:CSS/层叠样式表 - 曹鹏作品

CSS是一种简洁的智慧 CSS简化 美化网页设计 让网站系统美感的更改变得可行可以通过简单的更改CSS文件 改变网页的整体表现形式 可以减少我们的工作量 所以它是网页设计人员的必修课 CSS是通过对页面结构的风格控制的思...

CSS图片垂直居中方法整理集合

一、基本方法:<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ><style type= text/css ><!-- * {margin:0;padding:0}div...

符合Web标准!CSS同比例缩小图片

  当然,生成缩略图这个工作如果交给程序来完成,效果会好很多,但是有时出于某种因素,例如服务器不支持GD之类的,难免就要请CSS代劳。  把一副大图片按比例缩小到某个尺寸,对于现代浏览器,直接使用max-width...

web标准化设计:常用的CSS命名规则

(一)常用的CSS命名规则  头:header  内容:content/container  尾:footer  导航:nav  侧栏:sidebar  栏目:column  页面外围控制整体布局宽度:wrapper  左右中:left right center  登录条...

CSS中的滑动门技术

ISSN: 1534-0295. 20 October 2003 – Issue No. 160 原文作者:Douglas Bowman 原文出自:A List Apart 中文翻译:54player.com nobita 版权说明:本文中文翻译版权归译者54player.com nobita所有。需要转载发表的,...

css模拟title和alt的提示效果

这段时间写了很多页面代码,除了一些知识重复以外,也学到css的一些新东西,或许是旧东西,但是还是希望能对大家有用。 其实在css里面有很多对a的样式应用,因为a标签是仅有的默认可以触发动作的标签,因此在很多时候...
更多
留言建议ASP探针PHP探针站长Enjoy的Blog
© 2017 T086学习网 - T086.com(原itlearner.com)
RunTime:8.96ms QueryTime:3