1.css
概念:
css,通常称为css杨书记表或层叠样式表(级联样式表)
作用:
1.主要用于设置HTML页面中的文本内容(字体,代销,对齐方式等),图片的 外型(宽高,边框样式,边距等)以及版面 的布局和外观显示。
2.css以HTML为基础,提供了丰富的功能,如字体,颜色背景的控制及整体排版等,而且还可以针对不同 的浏览器设置不同的样式。
css样式表
行内样式(内联样式)
概念
称行内式,行间样式。
是通过标签的style属性 来设置元素的 样式
<标签名 style="属性1:属性值1">内容</标签名>
内部样式表(内嵌样式表)
概念
称内嵌式
是将css代码集中写在HTML文档的head头部标签中,并且用style标签定义
<head>
<style>
选择器(选择的标签){
属性1:属性值1
}
</style>
</head>
外部样式表(外链式)
概念
称链入式
是将所有的样式放在一个或多个以.css为扩展名的外部样式表文件中,通过link标签 将外部样式表链接到html文档中
<head>
<link rel="stylesheet" type="text/css" href="css文件路径">
</head>
css基础选择器
标签选择器
概念:
标签选择器(元素选择器)是指用HTML标签名称为选择器,按标签名称分类,为页面中某一类指定统一的css样式
作用:
标签选择器可以把某一类标签全部选择出来 比如所有的div标 签和所有的span标签
标签名{属性1:属性值1;属性2:属性值2; 属性3:属性值3;}
类选择器
类选择器使用”." (英文点号)进行标识,后面紧跟类名.
.类名{
属性1:属性值1;
属性2:属性值2;
}
css字体样式
font-size
作用:
font-size属性设置字号
p{
font-size:16px;
}
font-family
作用
font-family属性用于设置哪一种字体
p{font-family:"微软雅黑";}
font-weight
作用
字体加粗(b和strong标签是文本加粗)
normal(默认值) bold(加粗)