博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
【网页设计】27:CSS基础
阅读量:732 次
发布时间:2019-03-21

本文共 745 字,大约阅读时间需要 2 分钟。

第27节:CSS基础


在这里插入图片描述

在这里插入图片描述

1.CSS定义和语法:

  • CSS概念:CSS(Cascading Style Sheets)层叠样式表控制页面外观的一种代码语言,用于美化页面
  • CSS语法:①选择器:选择需要添加样式的元素;②声明:元素样式
  • CSS属性:
CSS属性 书写方式
宽度 width
高度 height
边框 border:1px solid red;
背景色 background-color
文本颜色 color

2.CSS引入方式:

(1)内部样式表:在head标签内书写style标签,在style内部书写CSS语法
			
1.书写内部样式表

我喜欢狗子的姐姐

在这里插入图片描述

(2)外部样式表:单独书写一个CSS文件,在html文件的head标签内利用link链接CSS
			
2.书写外部样式表
div{
width: 200px; height: 200px; background-color: pink; }

在这里插入图片描述

(3)行内样式表:
			
3.书写行内样式表

我喜欢狗子的姐姐

在这里插入图片描述

补充:
  1. 样式表单的权重:行内样式表 > 内部样式表 > 外部样式表
  2. 行内样式表:操作不变复用性不强,且html与css没有分离
  3. 内部样式表:半实现了html和css样式的分离
  4. 外部样式表(开发常用):实现了html和css样式的分离,复用性很强

3.音频与视频

			
音频与视频
  • 运行结果:
    在这里插入图片描述

求大佬指点如何在CSDN博客上传视频和音频,呜呜呜

【地平线4】萌新剪辑

转载地址:http://yyogz.baihongyu.com/

你可能感兴趣的文章