标题书写标题1.h1-h6 分别表示标题的大小 大小从高到低2.h1表示是特定的标题标签超链接1.a使用a标签表示超链接2.格式 a href地址 target_blank标题/a其中target打开方式_blank在新窗口打开_self在当前窗口打开 --颜色样式1.颜色的表示方式直接拼写 rgb、rgba 十六进制 HSL2.书写方式行内 :!-- span stylecolor: gray;2025.04.06 2007/span --内部:定义span标签 所以span标签的都会变对应的颜色span{colorred}外部:注意css文件的位置情况 ACSS 放在子文件夹里项目文件夹/ ├─ 4.央视新闻-标题-样式.html └─ css/ ← 子文件夹 └─ news.css ← CSS 文件在这里link relstylesheet hrefcss/news.csscss/表示从当前 HTML 文件所在目录进入css子文件夹news.css表示在这个子文件夹里找news.css情况 BCSS 和 HTML 在同一个文件夹项目文件夹/ ├─ 4.央视新闻-标题-样式.html └─ news.css ← CSS 和 HTML 平级这时候路径要改成link relstylesheet hrefnews.css情况 CCSS 放在上级文件夹项目文件夹/ ├─ css/ │ └─ news.css └─ pages/ └─ 4.央视新闻-标题-样式.html ← HTML 在子文件夹里这时候路径要写成link relstylesheet href../css/news.css../表示回到上一级目录3.css选择器1元素选择器直接通过标签名 进行书写。即同一个标签名 颜色相同。2类选择器·写法.cls{color:red;}span classcls“”内容/span仅选取class 为cls的标签3id选择器id可以作为元素的唯一标识 可以唯一定位到一个元素书写#time{colorblue}span classcls”id“time”内容/span优先级id类元素·其他选择器4分组选择器5属性选择器6后代选择器4.下划线样式书写格式text-decoration: 样式 颜色(可选) 线条类型;样式underline下划线如果想要去除下划线 直接书写a{text-decoration:none;}正文书写1.插入视频 音频video srchttps://vjs.zencdn.net/v/oceans.mp4 controls width100%/videoaudio src .mp3 controls /audiovideo标签属性src:视频地址controls:显示控制条autoplay:自动播放loop:循环播放muted:静音播放width:视频宽度hight:视频高度仅设置一个即可 另一个会等比例缩放px:像素%百分比相当于父元素的百分比--2.文字 图片段落2.1 文字 图片导入p标签进行段落的书写用p标签包裹住这段落的内容。img标签导入图片src图片访问地址1.绝对路径1.1绝对磁盘路径不推荐1.2绝对网络路径2.相对路径2.1 ./当前目录 可省略2.2 ../上一级目录2.2 文字排版1.行高设置p{line-height: 2;}2.加粗使用标签b或strong包裹段落中的文字补充u/ins 下划线i/em 倾斜s/del 删除线3.缩进1使用nbsp作为空格 每行添加效率低补充其他字符实体lt 表示gt 表示2text-indent: 2em;首行缩进两个字符还可以使用 px、%设置2.3整体布局1.实现 居中显示 左右等比例空白演示设置为居中的70%#content-container{width:70%;margin-left:auto;margin-right:auto;}使用div/div将body中的正文部分全部包裹进去 并命名id为content-container2.盒子模型解释margin-leftmargin-right组成部分content padding border margin注意事项属性名-位置 可以设置某个方位的边框注意1.img是自闭合标签2.controls是视频的3.页面居中 但图片不居中增加图片的设置img { display: block; margin: 15px auto; max-width: 100%; }