1、打开开发工具,新建一个HTML文件。
成都创新互联公司认为,企业网站是要赋予品质、思维、人性,深入到用户内心的细腻情感,才能真正称得上企业网站。成都创新互联公司根据每位用户内心最深的需求网站建设服务,坚实的设计执行是品牌长期视觉塑造的重要支持。
2、使用font-family属性设置,字体代码:.demo1{font-family: "microsoft yahei";}。
3、使用font-size属性设置字体的大小代码:.demo1{font-size: 20px;}。
4、使用font-style 属性设置字体风格:normal - 文本正常显示italic - 文本斜体显示oblique - 文本倾斜显示。
5、使用font-weight属性设置字体的粗细代码:.demo2{font-weight: 600;}。
6、使用color设置字体颜色代码:.demo1{color: #FF0000;}。就完成了。
1、文本缩进:text-indent
2、文本对齐:text-align
3、字间隔:word-spacing
4、字母间隔:letter-spacing
5、字母转换:text-transform
6、文本装饰:text-decoration
7、处理空白符:white-space
8、文本方向:decoration
9、文本颜色:color
10、背景颜色:background-color
11、文本阴影:text-shadow
还有一些属性,不是很常用,就没有列举了,了解每个具体的使用方法,可以到百度 "w3cschool "了解!
希望对你有所帮助。
用CSS让文字在一行内显示不换行的方法:
一般的文字截断(适用于内联与块):
.text-overflow{
display:block; /*内联对象需加*/
width:31em;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /*溢出时显示省略标记...;需与overflow:hidden;一起使用*/
}
对于表格,定义有点不一样:
table{
width:30em;
table-layout:fixed; /*只有定义了表格的布局算法为fixed,下面td的定义才能起作用*/
}
td{
width:100%;
word-break:keep-all; /* 不换行 */
white-space:nowrap; /* 不换行 */
overflow:hidden; /* 内容超出宽度时隐藏超出部分的内容 */
text-overflow:ellipsis; /* 溢出时显示省略标记...;需与overflow:hidden;一起使用*/
}
注:这个只对单行的文字的效,如果你想把它用在多行上,也只有第一行有作用的。 这个写法只有IE会有"...",其它的浏览器文本超出指定宽度时会隐藏。
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。
CSS 能够对网页中元素位置的排版进行像素级精确控制,支持几乎所有的字体字号样式,拥有对网页对象和模型样式编辑的能力。