Dreamweaver:[54]网页制作css规则之类型样式
1、css规茸垂扌馔则定义中有类型样式主要是设置字体的css样式。可以先打开软件,制作一个简单的页面,然后再对该页面进行css样式布局。为标题设置一个css样式。
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/3bcdb808a50f94fc7053637d4cf88a775cddfc76.jpg)
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/c6b994775ddd884cc395d7946cef28066a01f676.jpg)
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/2e66f9ef28066b01b902cbf33df39187021cf376.jpg)
4、这样就创建了一个cs衡痕贤伎s样式文件,并新建了一个名为.title的样式。在打开的css规则定义对话框中的左侧选择类型,这就是css规则的类型样式,主要用于设置文本的css样式。
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/025d87c0affce18617f050c11f1fbee435daeb76.jpg)
6、设置字体大小。font-size,就是设置字体大小。前面下拉字体大小数值,后面下拉单位。
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/979906196120a7cd4cb1034189b375d7987bdc76.jpg)
7、设置字体样式,font-style,就是是否有斜体,nomral是没有下面,下面是两种风格的斜体。
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/8a17b3042e6817e91f3ef64bd356d53da924ce76.jpg)
9、设置字体粗细。font-weight,就是字体粗细,有加粗,更粗等选择,还可以选择数值。
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/a13bbe10bc33ec385464e15c295f0c14c37b3c77.jpg)
11、还有其他样式的选择,比如,下划线,上划线等。
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/23fd63c5cf672b5fa299fd253314f4d0b4032777.jpg)
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/2db6c1b2dc19ce2cd6c4e66d7fdca039121f1177.jpg)
![Dreamweaver:[54]网页制作css规则之类型样式](https://exp-picture.cdn.bcebos.com/054056fe1e425d6b980eb19a11883913e9e50077.jpg)