于3月26日下午,我们2020级软件技术1班在网页设计老师吴祥美老师的带领下开始学习网页设计的css的学习与研究。
在前段时间的网课学习中,我们学会了HTML的基本操作与编写,能够编写HTML的基本项,如:标题,段落,链接等基本编写,但由于这些基本的编写只能表现出一些文字与结构,让人看上去并不是特别的美观,才有了我们今天所上的课——CSS。CSS提供了十分丰富的样式,其中包含了font:属性值(字体属性),color:属性值(颜色属性),background:属性值(背景属性),float:属性值(浮动属性)。
例如属性值color:red,就是代表着他的颜色属性值为红色。讲完属性值老师接着给我们讲了行内式样式,行内式样式也称作内联样式,是通过标记的style属性来设置元素样式。语法格式为:<标记名 style=“属性1:属性值1;属性2:属性值2;属性3:属性值3;”>内容</标记名>,例如:<h1 style=”color:red; background-color:#ccc”></h1>。接下来老师给我们讲的是内嵌式样式表以及链入式,内嵌式样式表指的是讲CSS代码集中写在HTML文档的<head>头部标记中,并且用<style>进行标记定义,例如:
<style type="text/css">
h1{
color:#F00;text-align:center
}
</style>
<h1></h2>
放在 head标记中间。
而链入式讲的是将所有的样式放在一个或多个以.CSS为扩展名的外部样式表文件中,通过<link/>标记将外部样式表文件链接到HTML文档中,例子如:<link rel="stylesheet" type="text/css" href="../css/mycss.css">。最后的内容老师讲的是标记选择器和类选择器,标记选择器指的是用HTML标记名称作为选择器,按标记名称分类,为页面中某一类标记指定统一的CSS样式,而类选择器则是类选择器是使用“.”(英文点号)进行标识,后面紧跟类名,使用步骤如:
1、定义下类名 在标记上加上属性 class,例如 <h3 class=”blue”></h3>
2、选择具体的类,定义样式; 例如:.blue{ background-color: blue}
以上就是吴祥美老师这4节课给我们讲的知识内容,老师在课中能够积极回答同学们的问题,也能够帮助同学们解决疑惑之处,让同学们在这节课中能够听懂并吸收CSS的知识内容。