前端初学者学习记录(CSS篇章)

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 标签

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值