HTML基础学习的内容框架标签,很容易操作上手,只要多练习多操作也不会有什么问题,接下来进行CSS的基础学习记录。
一,CSS的基础学习
1,概念
CSS,层叠样式表,用来给HTML标签添加样式,美化页面
CSS的本质就是直接列出样式。书写合适的选择器,把指定的样式一条条罗列出来
CSS与HTML是彼此分开的,二者之间的链接,就是"选择器"来进行结合;
2,CSS书写的位置
内嵌式:在.html文件中书写,<head></head>标签对中添加<style></style>标签,<style>标签里书写css语句
外链式:可将CSS单独存为.css文件,然后使用<link>标签引入它至.html文件中,<link>标签依旧是在<head>标签内添加
添加<link>标签后,.css文件可以直接创建一个新的,操作步骤如下
3,CSS基本语法
css注释快捷键 ctrl+/,注释内容不会显示,只是一个提示说明的作用
插件 live server,代码和浏览器实时同步查看
二,CSS选择器
1,选择器的作用
找到合适的元素,然后给元素加上正确的样式
2,标签选择器
它直接使用元素的标签作为选择器,会选中页面上所有此种标签,无论是父元素还是子元素还是更深层的元素,都会选中
3,id选择器
标签都可以有id属性,id的名称是唯一的,同一个页面上不能有相同的id名称(id名称只能由字母、数字、下划线、短横构成,不能以数字开头)
CSS选择器使用井号 # 前缀,选择指定的 id 标签