HTML笔记_第四章 CSS基础

一、CSS3基础

​ 1、定义：cascading style sheet 层叠样式表

​ 2、作用：美化和修饰页面

​ 3、结构 选择器{

​ 样式属性1：属性1；

​ 样式属性2：属性2；

​ …

​ }

​ 4、CSS书写位置：3个位置

​ 1.行内样式：将所有的CSS代码书写在某个标签的stye属性中，主要为了单独设置某个标签效果

​ 2.内部样式：将所有的CCS代码书写在style标签中，尽量书写在head标签（最常用的方式）

​ 3.外部样式：将所有的CSS代码书写在CSS文件中，从而脱离HTML文件，如果HTML需要CSS，可以使用Link标签将CSS样式引入HTML中进行修饰（企业级项目)

5、常用的CSS样式

​ 字体颜色color 值 关键字，16进制表示法#acd354 RGB三原色表示法

​ 字体大小 font-size 值：像素px 百分比20%

​ 字体粗细 font-weight 值：bold加粗

​ 字体样式 font-family 值：宋体 黑体 微软雅黑：默认 华文行楷

二、选择器的类型

基本选择器4种：行内选择器、id选择器、class选择器、标签选择器

1.id选择器

​ 语法：<标签 id=“id名称”> 设置标签的id属性

​ #id名称{标式属性：值；}使用#关键字代表id属性

​ 注意：页面中不能同时出现名字相同的id属性名称

2.Class选择器

​ 语法：<标签 class=“class名称”>设置标签的class属性

​ Class名称{样式属性：值}使用 . 关键字代表class属性

​ 注意：页面中可以同时出现多个名字相同的Class属性名称

选择器优先级

行内选择器—》id选择器—》Class选择器—》标签

​ 1000 100 10 1

三、常用的样式属性

继：标签宽度：width 值：百分比 像素 px

​ 标签高度：height 值：百分比 像素px

背景颜色background 值：颜色

文字对齐方式：text-align:值：left 默认 center right