发表于: 2018-10-05 18:34:30

1 577


今天完成的事情:css的样式,内联式(直接体现在HTML的标签中),嵌入式(可以把css样式代码写在标签内,实现标签内的样式)和外部式(把css代码单独到外部文件中,文件以“.css”为后缀,在<head>内,使用<link>标签将css样式文件链接到HTML文件内,)三种,优先级为:内联式>嵌入式>外部式。CSS选择器,类选择器(.类选择器名称{css样式代码;},class="类选择器名称")和ID选择器(#ID名称{css样式代码;}id=“ID名称”只能使用一次)。

类选择器的用法:

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>认识html标签</title>

<style type="text/css">

.serfreen{

    color:green;

}

</style>

</head>

<body>

    <h1>勇气</h1>

    <p>到了三年级下学期时,我们班上了一节<span class="setgreen">公开课</span>,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>



ID选择器的用法

<!DOCTYPE HTML>

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<title>认识html标签</title>

<style type="text/css">

#setgreen{

    color:green;

}

</style>

</head>

<body>

    <h1>勇气</h1>

    <p>到了三年级下学期时,我们班上了一节<span id="setgreen">公开课</span>,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>

</body>

</html>


明天计划的事情:学习css盒模型中的块状元素,内联元素,内联块状元素,盒子模型的初步学习,开始任务一。

遇到的问题:在学习css选择器中,知识点看的不清楚,始终没弄明白,自己在网上查阅资料,看网上的讲解。

收获:在遇到不清楚的,可以选择在网上找答案,也许教材上的话语不好理解,可以在网上找到不同的解释,更好的方便自己理解。


返回列表 返回列表
评论

    分享到