学做网站培训课程介绍

当前位置:

CSS网页布局中字体样式

在网页制作时,我们需要控制网页中字体的大小,颜色,粗细等,通过情况下,我们会使用以下的CSS样式去控制这个字体的样式:

字体的大小:font-size:14px;
字体的颜色:color:#FFF;
字体的粗细:font-weight:bold;

通过以上的单独的样式去控制网页字体,但是这样书写比较麻烦,特别是自适应网页,所以我们可以用以下的综合样式书写来控制网页字体的样式:

font:italic bold 23px/46px "SimHei";//字体的粗细,字体的大小,字的行高,字体。

除此之外,我们在完成了ps网页切片之后,还可以用以下的字体样式来控制HTML网页中的字体。(相关知识:什么是html)

CSS网页布局中字体样式

  • font-variant 属性设置小型大写字母的字体显示文本,这意味着所有的小写字母均会被转换为大写,但是所有使用小型大写字体的字母与其余文本相比,其字体尺寸更小。
  • normal 默认值。浏览器会显示一个标准的字体。
  • small-caps 浏览器会显示小型大写字母的字体。
  • inherit 规定应该从父元素继承 font-variant 属性的值。
  • letter-spacing 字体间的距离
  • text-transform none 默认值 不变text-transform uppercase 文本全大写text-transform lowercase 文本全小写
  • text-transform 每个单词首字母大写
  • word-spacing 属性可以改变字(单词)之间的标准间隔。其默认值 normal 与设置值为 0 是一样的。
  • word-spacing 属性接受一个正长度值或负长度值。如果提供一个正长度值,那么字之间的间隔就会增加。为 word-spacing 设置一个负值,会把它拉近:
  • white-space 值为normal时 去除空白字符
  • white-space 属性设置为 pre 时,浏览器不会合并空白符,也不会忽略换行符 ,与之相对的值是 nowrap,它会防止元素中的文本换行,除非使用了一个 Br换行元素标签。在 CSS 中使用 nowrap 特别类似于 HTML 4 中用
  • 将一个表单元格设置为不能换行,不过 white-space 值可以应用到任意元素。
  • 当 white-space 属性设置为 pre-wrap 时,浏览器不仅会保留空白符并保留换行符,还允许自动换行。

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注

相关教程

  • CSS如何调整DIV顶部边距 图文教程 (126334 次浏览)
    作者: wenmp424Email: 1871663623@qq.com详细内容:想把网站LOGO往下调,同时把导航往上调,跟背景图对齐,里面那一句是添加上边距的呢,该怎
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS控制文字水平居中、垂直居中。CSS控制文字水平居中,需要使用text-align属性,其
  • 网页如何添加背景音乐 视频教程附件下载 (1117002 次浏览)
    在上网过程中,有很多网站打开后会自动播放背景音乐,而且只有当关闭网页之后背景音乐才会停止。在我们自己建网站,同样也可以给自己的网页添加背
  • 网页如何添加视频动画 视频教程 (1107346 次浏览)
    在网站制作过程中,特别是学习视频网站制作教程时,是需要给网站中添加很多的视频的,对于网站如何添加视频有二种方法:一种是添加自己网站的视频,另
  • CSS网页布局中字体样式 图文教程 (120866 次浏览)
    在网页制作时,我们需要控制网页中字体的大小,颜色,粗细等,通过情况下,我们会使用以下的CSS样式去控制这个字体的样式:字体的大小:font-size
  • Flex伸缩盒子模型:伸缩盒模型也叫弹性盒模型,或flexBox。可以轻松的实现“自适应”浏览器窗口的流布局。它是CSS3中为display新添加的值类型。
  • dreamweaver是个可视化的软件,你直接选中你要更改的设置,在编辑器中直接就可以更改了。或是用CSS也可以设置你说的那些内容字体大小、颜色样式。dr
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下CSS选择器类型和样式。什么是CSS选择器每一条css样式定义由两部分组成,形式如下:
  • 欢迎大家学习学做网站论坛的CSS视频教程,这节课程我们讲一下什么是CSS。什么是CSSCSS即层叠样式表(Cascading StyleSheet)。 在网页制作时采用层