热门标签
使用CSS更改字体
深圳网站建设使用CSS变更字体
大多数web设计用户想做的**件事就是改变网页的字体,尤其是标题的字体。如图3.1所示,标题是大多数网页的一个重要部分,但是当没有定义样式时,它总是显得很大和粗糙。
您可以使用一些样式属性为页面上的字体、标题文本和其他文本自定义样式,主要包括以下样式属性。
gt;font-size--字体大小。
gt;font-weight--字体粗细。
gt;font-样式---斜体/非斜体。
gt;font-variant-小写字母。
gt;fontmdash;mdash; 在同一行上书写上述任何样式的方便方法。
所有这些属性都非常有用,**值得注意的是font属性。如前所述,它使开发表能够在一个字符中指定大多数字体样式。使用font属性的语法是:font:font-style font-variant font-weightfontsize/行-heightfont-family;大多数字体样式都是简单的font-斜体,font-weight(粗体)或font-size粗体或12像素高的字体样式。然而,许多初学者仍然难以面对font-family风格属性。
在为HTML卸扣选择字体时,还需要考虑用户设备上的字体库。换句话说,当使用自定义字体时,比如从fontsquirrd.com下载的免费字体,只有下载相同字体的用户才能正常显示。否则,可能会导致浏览器出现一些问题。
为了确保网页的外观与构思一致,可以使用按使用顺序排序的字体列表,也称为字体堆栈。可以根据需要控制堆栈中字体的数量,但应使用通用字体族来完成列表。字体系列包括以下内容。
gt;cursive燃气轮机;幻想;单空间gt;sans序列号;衬线
3.1.3使用CSS设计布局
CSS是一款非常实用的网页布局工具,通过它可以随意定制网页布局。浮动和绝对定位(AbsolutePositioning)是两种基本的布局定位方法。float根据CSS属性float按指定的宽度放置元素,而绝对定位根据确切的位置将元素放置在页面上。
在布局网页之前,您需要了解它是如何形成的。文档中每个元素的默认形状都是正方形,即使该形状没有显示。**简单的观察方法是使用border属性为元素添加1:边框。语法如下:
border:ipx实心黑;
每个网页上的框包括内容区(content),补白Padding)、边框(border)和边距(Margin)。零件如图3.2所示。您可以使用CSS更改任何零件的宽度和厚度。要使用CSS更改长方体模型,可以使用以下样式特性。
gt;Margingt;Paddinggt;bordergt;height燃气轮机;宽度