先介绍如何设定字体、颜色、大小、段落空白等比较简单的应用,后面再介绍下比如首字下沉、首行缩进。最后讲一些常用的web页面中文排版,比如中文字的截断、固定宽度词内折行(word-wrap和word-break)等等。因为只是应用方面的心得,如果需要完整的CSS属性介绍,请参考CSS手册。   1、如何设定文字字体、颜色、大小 —— 使用font font-style&nbsp
转载 精选 2008-01-18 10:38:16
1600阅读
1评论
1.情景展示 如何禁止输入框,输入中文字符? 2.解决方案 IE浏览器,可以使用ime-mode来实现 Up
原创 2023-02-15 07:26:13
227阅读
1、将中文字体名换成英文名: Windows系统常见中文字体英文名称: ======================== 黑体:SimHei 宋体:SimSun 新宋体:NSimSun 仿宋:FangSong  SimFang? 楷体:KaiTi    SimKai? 仿宋_GB2312:FangSo
转载 精选 2011-07-20 20:09:21
355阅读
css 禁止选中文本 在元素上加入以下"user-select: none;"就可实现禁止选中文本了, 以下是兼容各浏览器写法: -moz-user-select: none; /*火狐*/-webkit-user-select: none; /*webkit浏览器*/-ms-user-select ...
转载 2021-08-18 15:12:00
1392阅读
2评论
表格单元格换行:
转载 2016-11-03 23:38:00
347阅读
2评论
给容器设置一个与其高度相同的行高 (line-height)
原创 2014-02-14 11:57:39
677阅读
  今天我就对这个知识点做个小总结,也算是自己学习一下吧。在css中强制换行有下面三个属性word-break、word-wrap、white-space。下面我对每一个属性进行一个介绍:word-break 属性属性值:normal |break-all |keep-all参数:normal :  依照亚洲语言和非亚洲语言的文本规则,允许在字内换行。break-all :  该行为与亚洲语言的n
转载 2023-07-21 17:27:02
472阅读
使用Unicode编码值替换CSS中要显示的文字:function toUnicode (str) {return escape(str).toLocaleLowerCase().replace(/%u/gi, '\\');}console.log(toUnicode ('你好'));
css
原创 2021-04-21 20:55:52
464阅读
css代码: 禁止鼠标右键
原创 2021-07-19 15:02:22
793阅读
给文字添加阴影语法:text-shadow:length(x) length(y) length(r) color;length(x):表示阴影在横向上与文字的距离;length(y):表示阴影在纵向上与文字的距离;length®:表示阴影模糊半径大小color:阴影的颜色如果需要添加多个颜色的话:text-shadow:20px 20px 20px red, 30px 30
原创 2022-10-28 04:26:15
128阅读
轉自:http://www.lbsfans.cn/article.asp?id=283今天在对原创草根
转载 2009-10-07 14:41:00
1023阅读
CSS : font-variant-east-asian: traditional; 可以让网站字体从简体变成繁体。 body { font-variant-east-asian: traditional; } 一行CSS实现全站中文简繁转换
原创 2022-05-07 15:55:47
514阅读
position的四种取值 :    static:static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定relative:relative 就是相对元素static定位时的位置进行偏移,如果指定static时top是50象素,那么指定relative并指定top是10象素时,元素实际top就是60象素了。&nbs
[:empty (Selectors) - CSS 中文开发手册该:empty伪类代表没有子节点的所有元素。这里只考虑元素节点和文本(包括空格)。注释或处理指令不影响元素是否被认为是空的。/* Selects any <div> that contains no content */div:empty { background: lime; }语法:empty实例body { d
转载 2020-07-06 21:24:00
129阅读
2评论
移动端一般body的css、会设置 作用就不解释了;body{ height:100%;min-height:100%; font-family: "微软雅黑",'Helvetica Neue',Helvetica,tahoma,arial,sans-serif; text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiase
转载 2024-07-15 12:14:39
88阅读
[ CSS Positioning: Understanding z index (Miscellaneous) - CSS 中文开发手册通常HTML页面可以被认为是二维的,因为文本,图像和其他元素被排列在页面上而没有重叠。有一个渲染流程,所有元素都知道其他人所占用的空间。该z-index属性可以让您在呈现内容时调整对象分层的顺序。在CSS 2.1中,每个框在三维中都有一个位置。除了它们的水平和垂
转载 2020-07-05 11:18:00
119阅读
2评论
问题比如:我们要使用伪类生成一段文字的时候,我们可以使用Unicode,下面用选择事项【上下切换,按回车确认】一段文字为例,
原创 2022-08-18 03:29:13
631阅读
欢迎和号主【前端点线面】进群盘算法,此外本号干货满满:14个门类(100+篇原创)内容(又干又硬)、《前端百题斩》pdf(助力薪资double)、20+篇思维导图(知识系统化、记忆简单化),进摸鱼群。今天来研究一下 CSS 中的文本换行。正常情况下,在固定宽度的盒子中的中文会自动换行。但是,当遇到非常长的英文单词或者很长的URL时,文本可能就不会自动换行,而会溢出所在容器。幸运的是,CSS 为我们
一、css word-spacing属性设置字间距(单词的间距) word-spacing 属性增加或减少单词间的空白(即字间隔);在这个属性中,“字” 定义为由空白符包围的一个字符串。也就是说该属性是以空格为基准进行调节间距的,如果多个字母被连在一起,则会被word-spacing视为一个单词;如果汉字被空格分隔,则分隔的多个汉字就被视为不同的单词,word-spacing属性此时有效。语法:w
css2.0中文手册
转载 2009-11-14 09:05:23
247阅读
  • 1
  • 2
  • 3
  • 4
  • 5