中文排版CSS的心得

时间:2023年07月29日

/

来源:实心稻草人

/

编辑:本站小编

收藏本文

下载本文

以下是小编精心整理的中文排版CSS的心得,本文共7篇,仅供参考,希望能够帮助到大家。本文原稿由网友“实心稻草人”提供。

篇1:中文排版CSS的心得

中文排版CSS的心得

数月来学习web标准,并遵循标准设计和制作web页面。一直想写点什么,整理一下自己的心得体会。写这篇文章,主要是针对中文排版设计,英文排版因为很少做,所以不涉及。

先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用,后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版,比如中文字的截断、固定宽度词内折行(word-wrap和word-break)等等。因为只是写一些应用方面的心得,如果需要完整的CSS属性介绍,请参考CSS手册。

1、如何设定文字字体、颜色、大小——使用font

font-style设定斜体,比如font-style:italic;

font-weight设定文字粗细,比如font-weight:bold;

font-size设定文字大小,比如font-size:12px;(或者9pt,不同单位显示问题参考CSS手册)

line-height设定行距,比如line-height:150%;

color设定文字颜色(注意不是font-color),比如color:red;

font-family设定字体,比如font-family:“LucidaGrande”,Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;(这是通用的写法)

以上都可以写在一行font属性里(除了color属性需要单独写):

font:italicbold12px/150%“LucidaGrande”,Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;

2、如何控制段落排版——使用margin,text-align

中文段落使用

标签,左右(相当于缩进)、段前段后的空白,都可以用margin。比如:

p{

margin:18px6px6px18px;/*分别是上、右、下、左,十二点开始的顺时针方向*/

}

文字的对齐方式用text-align,比如:

p{

text-align:center;/*居中对齐*/

}

对齐方式还有left、right和justify(两端对齐)

PS.谈起margin,我习惯于在写CSS的时候为所有的标签定义margin:0;因为时而出现由于默认的margin值导致页面排版问题,而自己找不到原因(特别注意的是ul/ol/p/dt/dd等标签)

3、竖排文字——使用writing-mode

writing-mode属性有两个值lr-tb和tb-rl,前者是默认的左-右、上-下,后者是上-下、右-左。

比如:

p{

writing-mode:tb-rl;

}

可以结合direction排版。

4、项目符号的问题——使用list-style

在CSS里项目符号有disc(实心圆点)、circle(空心圆圈)、square(实心方块)、decimal(阿拉伯数字)、lower-roman(小写罗马数字)、upper-roman(大写罗马数字)、lower-alpha(小写英文字母)、upper-alpha(大写英文字母)、none(无)。比如设定一个列表(ul或ol)的项目符号为方块,如:

li{

list-style:square;

}

另外list-style还有一些值,比如可以采用一些小图片作为项目符号,在list-style下直接写url(“图片地址”)就可以了。注意如果一个项目列表的左外补丁(margin-left)设为零的时候,list-style-position:outside(默认是outside)的项目符号不会显示。可惜的是上述的项目符号似乎并不能设定大小,圆点和方块始终是那么点。并且不能设定垂直方向上的.对齐。

5、首字下沉——使用:first-letter

伪对象:first-letter配合font-size、float可以制作首字下沉效果。

比如:

p:first-letter{

padding:6px;

font-size:32pt;

float:left;

}

6、首行缩进——使用text-indent

text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。可以这么写:

p{

text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/

}

如果font-size是12px的话,那么text-indent:2em则缩进24px。

7、关于汉字注音——使用ruby标签和ruby-align属性

比如说注音zhuyin,可以利用ruby-align设置对齐方式。这是在CSS手册里面看到的,具体可以自行查阅ruby-align项。

8、固定宽度汉字截断——使用text-overflow

用后台语言可以对从数据库里的字段内容做截断处理,比如说截12个汉字(之后用省略号)。但是有时还需要html标签的过滤等,而用CSS来控制则没有这个问题。比如对列表应用以下样式:

li{

overflow:hidden;

text-overflow:ellipsis;

white-space:nowrap;

}

不过只能处理文字在一行上的截断,不能处理多行。

9、固定宽度汉字(词)折行——使用word-break

举个例子,比如说要在一个固定宽度容器里面显示很多地名(假设以空格分隔),为了避免地名中间断开(即一个字在上面而另一个字折断到下一行去了)。则可以使用word-break。比如:

南京上海上海上南上海上海南京上海上海上海南京上海上海南京上海上海南京上海南京上海南京上海南京上海南京上海南京上海上海南京上海上海值得注意的是里面的空格不能以代替(最少要有一个软空格)。

篇2:排版设计中文简历写作

目前所在: 白云区 年 龄: 25

户口所在: 江西 国 籍: 中国

婚姻状况: 已婚 民 族: 汉族

培训认证: 未参加  身 高: 168 cm

诚信徽章: 未申请  体 重: 43 kg

人才测评: 未测评

我的特长:

求职意向

人才类型: 普通求职

应聘职位: 排版设计:,销售助理:,其它类:

工作年限: 5 职 称:

求职类型: 兼职 可到职日期: 随时

月薪要求: 3500--5000 希望工作地区: 广州,深圳,东莞

工作经历

电视购物公司 起止年月:-03-01 ~ 2009-05-01

公司性质: 其它 所属行业:其他行业

担任职位: 电话销售员

工作描述: 本人在一这电视购物公司,从事电话销售,主要是销售美体衣,减肥产品,还有一些美容方面,丰胸产品等,

离职原因:

广州天目通讯公司 起止年月:-07-01 ~ -10-01

公司性质: 私营企业 所属行业:计算机/互联网/通信/电子

担任职位: 排版设计员

工作描述: 主要从事手机维修的书,画册还有封面面等排版设计

离职原因:

广州侨友广告有限公司 起止年月:-11-01 ~ 2005-06-01

公司性质: 其它 所属行业:计算机/互联网/通信/电子

担任职位: 电脑排版员

工作描述: z从事杂志,卡通,扫描,文字录入等排版工作

离职原因:

广州宇兴输出有限公司 起止年月:2002-07-01 ~ 2002-11-01

公司性质: 民营企业 所属行业:计算机/互联网/通信/电子

担任职位: 排版员

工作描述: 从事杂志,卡通,扫描,文字录入等排版工作

离职原因:

志愿者经历

教育背景

毕业院校: 江西赣南技术学校

最高学历: 中专 获得学位:  毕业日期: 2002-07-01

专 业 一: 计算机 专 业 二:

起始年月 终止年月 学校(机构) 所学专业 获得证书 证书编号

-09-01 2002-07-01 江西赣南技术培训学校 计算机 毕业证 -

语言能力

外语: 其他 较差 粤语水平: 一般

其它外语能力:

国语水平: 良好

工作能力及其他专长

本人能熟练的运用北大方正书版、飞腾(FIT)、维思(WITS)等排版软件;Word、Excel等办公软件;以及Photoshop、CordlDRAW等平面设计软件;并能熟练运用OCR扫描识别系统。打字速度在每分钟100字左右。

详细个人自传

本人做事认真、细心、负责。性格活泼开朗,谦虚好学。有较高的团队合作精神,能够与同事协调,把工作做好。望贵公司能给我一个一展自我的机会。

篇3:css优化技巧自己实践心得

css优化技巧自己实践心得分享

1、使用css精灵。

好处是将css中使用的小图片可以合并为一张大图片减少了对服务器端的请求,服务器压力小,页面加载速度也快。

2、合并多个css文件为单个css文件。

好处同css精灵

3、使用外部css。

外部css可以被浏览器缓存,而且便于维护。

4、将css放在head中。

可以参考雅虎的文档

5、使用link而不是import

使用import页面加载的速度会慢。而且在IE中加载顺序可能与预期不一致,这将直接导致显示问题。

6、使用css简写。

比如使用margin代替margin-top等的写法。

7、相似的样式放在一起,避免重复书写。

8、减少换行。

9、删除最后的分号。

10、使用单行注释。

11、rgb颜色简写。

12、去掉不必要的`单位,比如px。

13、删除不使用的样式。

可以减小文件,缩短浏览器解析和匹配时间。

14、压缩css文件。

以上这些都很浅显,没有做过多的说明,当然有一些css压缩工具有优化功能。

篇4:老人与海中文读书心得

这个寒假,我读了一本书叫《老人与海》这本书塑造了一个经典的硬汉形象。古巴的一个名叫圣地亚哥的老渔夫,独自一个人出海打鱼,在一无所获的84天之后钓到了一条无比巨大的马林鱼。然而这时却遇上了鲨鱼,老人与鲨鱼进行了殊死搏斗,结果大马林鱼还是被鲨鱼吃光了,老人最后拖回家的只剩下一副光秃秃的鱼骨架。老人果然失败了,但他在与鱼斗争的过程中表现出了超常的毅力和勇气,表现了一种不可被征服的精神上的胜利,老人是一个顶天立地的大丈夫。书中通过对老人与鲨鱼斗智斗勇的场面,描写细腻,引人入胜。

作者从多个角度描绘了鲨鱼的凶狠狡猾。老人拼尽全力为了保住自己好不容易捕到的一条大马林鱼。我要学习老人和困难做斗争的勇气。

篇5:中文教育专业的实习心得

第一次,它让我想要停留。在这里,每日每日地伴着欢声笑语,连脚步也是轻快的。事实上,这里很简陋,日子也很平淡,却是一个能轻易让人遗忘世界,丢掉烦恼的地方。这里有单纯的快乐。

当然,在这为期三周上午实习中,我也收获了许多:待人接物要真诚热情,要努力做好分内的工作,积极迎接新事物,尝试随时随地把自己融入集体……面队社会,我们代表的就是学校、学院、系,代表的是新一代大学生的面貌,我们很在乎这个社会对我们的评价。因此,我们竭尽所能去尽快适应工作和环境,希望能全面展现我们的能力。

实习就是要做到理论联系实际,扎实基础。通过努力在劳动监察队的实习,我懂得它的工作主要是处理劳动纠纷中的工资纠纷以及监督用人单位是否按规章制度运作;它的主要目的是实行对农民工权益的保护,是国家保护弱势群体的一个重要举措。由此,我还认识到普法的重要性,了解到当前公民遵守劳动法律法规的现状。虽然国家力行保护弱势群体,但是还是有一些问题不可避免地存在:

劳动关系不规范。用工秩序混乱,大多数用人单位没有按《劳动法》与劳者签订劳动合同,部分已签定的合同也存在着许多“不平等”和“不合理”的内容和条款,如:一些从事建筑、采矿等危险行业的用人单位私下与农民工签订“事故责任自负”的.“生死合同”。

劳动权益受到侵害。表现在:

一、加班不给或少给加班工资。农民工大都劳动时间长、强度大、待遇低。

二、拖欠甚至拒绝给付工资。

三、休息休假日权利没有落实。不少用人单位在国家法定节假日也不让农民工休息。

四、工作环境恶劣。缺乏劳动保护,导致农民工职业发病率较高。

社会保障权利缺失。大部分用人单位没有为农民工进行社会保险登记,不给农民工买社会保险。农民工在年老、患病、工伤、失业的情况下获得社会保障的权利没有得到保证。

社会权益得不到尊重。主要表现在:

一、社会歧视。农民工这一称谓不仅是对民工身份与职业分离的形象描述,也包含了许多特定的含义,是一种歧视性称谓。

二、农民工子女得不到良好教育。城市正规学校入学的户籍体制使很多农民工子女不能进入学校接受教育,能够进入也需要交纳高额借读费。

建议:

完善权益保护的政策机制。

一、尽快出台农民工权益保障的相关政策。

二、加强对劳工合同的管理。

三、完善社会保障制度。

加强就业前培训工作。

通过培训来提高农民工的整体素质,搞好两个培训:

一、职业技能培训,提高农民工的劳动技能和劳动力价值。

二、结合技能培训做好农民工维权的教育。

转变城市主题的管理理念:改变农民工实行经济接纳和社会拒入的态度。城市管理部门要实行积极的农民工管理制度,取消对农民工的各种歧视,多增加一些学校,接纳农民工子女上学,不增收其他费用,确保民工子女正常上学。

加大执法力度和提供法律援助,劳动保障部门要加大劳动执法检查力度,严厉查处侵害农民工权益的用人单位,打击非法职业介入,确保用工市场信息准确。司法行政部门要在农民工集中的地方开展法规咨询服务,常年为农民工提供帮助。法律援助中心及法律服务机构要及时为外出农民工提供代理、辩护等帮助。

篇6:中文师范学生暑期支教心得

关于中文师范学生暑期支教心得

我深知:爱是人类最美丽的语言!要当一名好教师,就必须爱岗敬业,关爱每一位学生,中文师范学生暑期支教心得。而在这之前,在学校的安排下,我有幸和几个同学被批准在这个暑假期间给常熟虹桥管理区农民工子弟的孩子们支教一个月。

美好的时间总是短暂的,一眨眼二十几天就过去了,支教的生活很充实,虽然天气很热,每天晚上一个人呆在宿舍,想着这时候我的好多朋友都在家里吹着空调玩着电脑,多么闲适开心!而我,在宿舍里,吹着我的只有一只电风扇,说真的,还真挺艰苦的。但是当我看到那一双双清澈的大眼睛,我觉得再苦再累也值得。刚开始时,我发现孩子们不敢大胆表现,明显缺少自信,于是我和同学们互相交流互相沟通,在教学中不断完善自己的教学方法,努力让孩子们有一个轻松快乐的暑假。在课堂上,我努力发现孩子的闪光点,并适时的表扬,让孩子们感受到了老师的鼓励与赞赏,并给所有孩子一个骄傲的理由与机会,而孩子们也每每因为我的表扬而把胸脯挺了又挺。看着孩子们在学习中一点点的进步、一点点的前进,自己心里也挺欣慰的。我从孩子们的身上体会到他们的纯真和朴实,也看到了大家对这次活动的大力支持,心得体会《中文师范学生暑期支教心得》。孩子们的要求不高,不要好衣服,好吃的,他们只想要好老师,多学点东西。那边的孩子虽然不是特聪明但特努力,那边的孩子虽然没有钱但有爱心, 看着他们纯真的笑脸,我深切的体会到:一个人有多快乐并不取决于他得到多少,而是他付出多少。整个活动中给我们留下印象最深的还是孩子本身:他们在逆境下并没有失去纯真,依然以饱满的热情使我们感到欣慰。尽我们的所能为孩子们做些什么,让他们更健康,更快乐的成长,是我们所有参加支教活动的领导、老师和同学们共同的心愿。

时间总是匆匆流逝,在这短短的时间内,自己体验到了别样的幸福。这种幸福是什么呢?这种幸福是一种经历,是一种悟性,是一种心境,是一种感觉,是一段偶然愉悦的时光,更是一种生活的从容。

孩子们带给我们的不仅仅是教学的压力,更多的是快乐与激情。与同学们交流实质上是心灵的碰撞,思想的融会,没有碰撞的火花,课堂是死气沉沉的;没有思想的融会,便没有了进步,授课也就失去了应有的'价值。然而,我们的课堂是活跃的,在看到我们多样的互动式讲课后,同学们的情感再也无法抑制,他们的小手如雨后春笋般举到我们的面前,看到他们积极的表现,我们可以 感受到他们每一天一点一滴的进步,这不正是一名教师梦寐以求的吗?

在这期间,我们带去的是一种精神,一种理念!生命因为有爱而更加美丽,因为奉献而更加精彩!回首起来二十几天支教工作的经历,它始终是我人生的一次历练,也是我人生的宝贵财富。因为它让我明白了辛劳与快乐,感动与奉献的真谛。接下来还有十几天,我将再接再厉,用更高的热情投入到支教中去。我相信,这次的支教经历将会在我未来的学习、工作甚至生活中产生重要的影响,它会激励我勇敢前进,争取将来做一个优秀的教师!

篇7:国外中文教师教学心得:一切都是最好的安排

传说从前有个国王,他喜欢与他的大臣兼好友微服私访。他的好友有句口头禅“一切都是最好的安排。”一次,国王与好友在野外遭遇猛兽,国王被咬掉一根小手指。他的好友却仍然说“陛下,一切都是最好的安排。”国王恼怒,把大臣投入监狱。一个月后,国王自己微服出巡,却被野人部落抓了去,而野人部落要拿他祭奠女神。月圆之日,众人即将要把国王投入沸水大锅煮了他,却被发现他缺了一只小手指,而有缺陷的人是不能用来祭神的。就这样,国王侥幸逃过一劫。回到宫中,他迫不及待去见他的好友,说,“你说的真对,一切都是最好的安排。”可转念一想,“不对,那你被我关了这一个月,又如何解释呢?”好友笑道“陛下,如果您不关我这一个月,我必然与您一同出巡。您缺了一只手指而免于被煮,而我呢?”

这是我非常喜欢的一个故事,我每每讲给我的新学生听,不管是在中国还是在美国。

我叫金烁,是一名高中英语老师,2016年9月成为了克利夫兰孔子学院的一份子,任教于欧柏林学区的Langston Middle School(兰斯顿中学),自此,开始了为期两年的中文教师生涯。

起初,我的教学工作开展的并不顺利,中美教学的巨大差异使我无所适从。

首先,超负荷的教学量压得我喘不过气来。在国内的高中,我负责两个班的教学量,5天12节课,每节课40分钟。而在兰斯顿中学,我的教学跨度是6年级到8年级,每天5节课,每节课45分钟。由于年级不同,教学进度不同,每天的备课量和作业的检查,批改量成几何倍数增长。而每两节课之间的课间休息只有3分钟,想利用课间休息的时间印材料,补充材料是不可能的。所以要考虑的十分周全,提前把一天要用到的每节课不同进度的材料都准备好,包括细节,才能确保每节课都能顺利的在自己的“轨道”上滑行下去。往往是刚完成了一节6年级的课,就马上要上8年级另一个进度的课,需要思维不停的跳跃,直接从一个“频道”切换到另一个“频道”。

其次,我在国内的高中教学,重点在抓分,抓成绩,每天题海战术,大量做题,上课基本不用管课堂纪律,也很少与学生有互动,更别提做游戏了。在分秒必争的高中,做游戏是过于奢侈的一件事情。而我现在的学生们活泼,好动,不喜欢坐在自己的座位上。他们的注意力集中5分钟之后就需要要新的“刺激”,否则他们就会说“boring(无聊)”。好吧,为了不让他们说汉语“boring(无聊)”,我使尽了浑身解数,给学生们设计了各种各样的游戏。有纸质版的Battle ship(战舰游戏), Bingo(宾果游戏), 还有用复习单词用的“拍苍蝇”,更有学生们最爱的网上游戏Kahoot。而我也从一个不怎么接触网络游戏的“传统版老师”急速晋级成了“游戏设计达人”,真是教学不息,游戏不止啊!

与教学相比,我还增加了一份非常重要的任务——与家长沟通。在国内的学校,作为科任老师,我与家长沟通的机会少之又少,常常是教了3年毕业的学生,一次家长都没见过。而在兰斯顿中学,我需要随时与我的家长保持顺畅的沟通。沟通的内容有学生在课堂表现的好,给予表扬;学生在课堂上有什么问题,需要请求家长支持;给学生布置了什么作业,请家长帮忙监督;学生测验成绩好坏,问题出在哪里,老师和家长怎样帮助学生改进等等。有时,在一天之内与同一家长收发的邮件超过10封,就像一只陀螺,高速的旋转着。

在与学生相处的过程中,我坚持让学生们用中文进行日常的表达。从一开始,就教会了学生们“你好,谢谢,不客气。老师,我可以去喝水吗?老师,我可以去洗手间吗?”等等他们每天需要重复多次的日常会话。常常是在一堂课当中,我和学生说的最多的就是“谢谢”和“不客气”。学生完成了一个对话,我说谢谢,他们说不客气;递给学生们小白板,他们说谢谢,我说不客气;一个学生给另一个学生用英文解答我用中文提出的问题,我说谢谢,他们说不客气;下课了他们说谢谢,我说不客气。

渐渐的气氛越来越融洽,我和学生们谈话的内容也从课本延伸到了食物,天气,习俗。每天上课后,我们都用中文“寒暄”一番。你好吗?今天天气怎么样?你热吗?你喜欢什么食物?你家有几口人?你爸爸在哪儿工作等等。适逢中国的传统节日,我都让学生们了解这个节日的由来,怎么庆祝,吃什么食物等等。这学期,我的学生们了解到了七夕的故事,他们自己画出了嫦娥,说这是一个很感人的故事。

而我日常的工作,除了教学,还有很大一部分是办文化活动,例如,春节系列庆祝活动;中华传统服饰体验活动;国际日庆祝活动等等。在一次次的文化活动中,我的学生们渐渐从对中华文化一无所知到产生了浓厚兴趣,中国对他们再也不是一个遥不可及的国度,而是一个耳熟能详的地方,一个他们以后要去品尝美食,看遍美景的地方。欧柏林社区的居民也在一次次的文化活动中开启了对中华文化的认识,知道了京剧的脸谱其实不同的颜色代表了不同的人物性格;知道了Sashimi chicken 和General tso’s chicken并不是真正的中国菜;知道了长城原来是防御敌人用的。他们问我,“Miss Jin, 中国有苹果手机吗?中国有星巴克吗?中国是不是有很多核武器很危险啊?”我就尽我所能去还原一个真实的China。很多人非常疑惑,他们问我,“Miss Jin,怎么你说的中国和我们在电视上看见的不同呢?”我问他们那你们相信谁呢?他们说相信我,并且感谢我,让他们接触到了一个真正的,活生生的China,跟他们主流媒体宣传的不一样的China.

当然,再美妙的乐章也会偶尔出现不和谐的音符。我有一个学生,叫马里(中文名字)。从第一天上课开始,他就开始花式找麻烦。提问他他拒绝回答,练习写汉字不写,作业不交,练习不做,留堂没有用,送办公室也没有任何效果。他常挂在嘴边的就是“I don’t care.(我无所谓。)” 每节课他都不遗余力地扰乱课堂。我一直都对他公平以待,同时发邮件请他的奶奶鼓励他好好学中文。不管我怎么努力都收效甚微。有一天,他的情绪特别暴躁,无论怎么安抚都没有用,我于是跟别的老师了解了一下,得知那天是他妈妈的忌日,他的妈妈于3年前死于一场车祸。我当即用午餐的时间给他买了块蛋糕,告诉他,人人都会历经磨难,要勇敢,他以后会好起来的。那天过后,他仍然是我行我素,仍然是“I don’t care.(我无所谓.)”,可我确似乎感觉到了一丝丝的不同。这个星期,马里跟我说圣诞节快乐,让我很是意外,还说感谢我教他中文。我问他为什么对我这么 mean(刻薄),他说“my bad(是我不好)”,并且伸出了右手。我以为他要握手,便也伸出了右手,结果得到的是他的一个拥抱。长达一年零三个月之后,我终于等到了“和解”。当时我真的想好好哭一下,庆祝我没有放弃,马里也没有放弃。

我的学生们陆续的给了我一个又一个的惊喜,让我知道,从事中文教育是我正确的选择。今年春天,我的学生白爱丽在2017年俄亥俄州中文演讲比赛中,取得了7年级第二名的好成绩。我也时常会收到一些学生们写给我的“信”,说我是“The best Chinese teacher(最棒的中文老师)”,说“I love Chinese(我爱中文)”等等。每当这个时候,我都能从他们一张张明媚的笑脸上,感受到学习中文给他们带来的快乐,也感受到了他们带给我的快乐。

回顾这一年多以来在兰斯顿中学的中文教学经历,感慨颇多。暖心的时刻有之,烦恼甚至沮丧的时刻亦有之。无论明天会发生什么,我都一直坚信,一切都是最好的安排,我的学生们是我最好的选择!

动态CSS,换肤技术

中文叹词

中文 简历

中文邀请信

节能减排讲话稿

下载中文排版CSS的心得(整理7篇)
中文排版CSS的心得.doc
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:
点击下载文档
点击下载本文文档