css学习-----web

引入方式

内嵌式

css写在style标签中

外链式

css写在一个单独的.css文件中

<link rel="stylesheet" href="./文件名.css">

stylesheet关系为样式表;
href地址

行內式

css写在标签的style属性中 可以配合js使用

选择器

标签选择器是选择的是一类标签,而不是单独的一个。
类选择器
在这里插入图片描述
id选择器#id属性值 通过id属性值,找到页面中带有这个id属性的标签,设置样式

所有标签上都有id属性
id类似于身份证号,在一个页面中是惟一的,不可重复
一个标签只能有一个id属性值
一个id选择器只能选中一个标签

通配符选择器*{}
为页面所有便签设置样式

开发中使用较少,特殊情况才会使用

字体样式

字体大小	<!--谷歌浏览器默认文字大小是16px,单位需要设置-->
属性名:font-size		取值:数字+px

字体粗细	<!--实际开发过程中,正常、加粗两种取值使用最多-->
属性名:font-weight		取值:normal【正常】,bold【加粗】,数字【100-900整数字,正常400、加粗700】

文字是否倾斜
属性名:font-style		取值:normal,italic【倾斜】

文本样式

font-family

常见字体

无衬线字体【sans-serif】

特点:笔画均匀,收尾无装饰
场景:网页多采用无衬线字体
常见字体:黑体、Arial

衬线字体【serif】

特点:笔画不均匀,收尾有笔锋装饰
场景:用于报刊书籍
常见字体:宋体、times new Roman

等宽字体【monospace】

特点:每个字母或文字等宽
场景:一般用于程序代码编写,有利于代码的编写与阅读
常见字体:consonas

猜你喜欢

转载自blog.csdn.net/m0_46222433/article/details/129202289
今日推荐