CSS学习 day1

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


前言

本文为本人在黑马学习过程中在老师的教导和自身的学习下的一些学习笔记。


提示:以下是本篇文章正文内容,下面案例可供参考

一,CSS概念

Cascading Style Sheets,简称层叠样式表,主要是用来进行页面的版面布局和外观样式的美化;

二,CSS书写

css主要用以下三种方式导入html文件

行内样式

直接在标签的开始标签身上添加css代码
在这里插入图片描述
在这里插入图片描述
注 :虽然比较方便,但是没有实现结构和样式分离,一般不推荐使用

内部样式

书写在html文件内部具体书写在head标签里面 title标签下面 用一对style标签包裹
例子如下
在这里插入图片描述
在这里插入图片描述
内部样式书写方式只推荐学习 不推荐实际开发工作中使用

外部样式(重中之重)

外部样式书写是我们实际开发中最常用的书写方式 他分为两个步骤
1创建一个css文件
在这里插入图片描述
2在html文件中使用link标签引入
在这里插入图片描述
此时我们就把这两个文件连接起来了 测试效果如下
首先先创建一个div标签内容来做测试
在这里插入图片描述
在css文件中将其设置为白色在这里插入图片描述
测试结果如下(顺便测试一下大伙的眼力)

在这里插入图片描述

三,CSS语法规范

基本语法如下
在这里插入图片描述
上图中 strong代表选择器 即你在html中选择css编辑的内容
font-size(字的大小)以及color则代表你更改你选择器选择的属性
注:属性和属性值之间要用英文冒号:
连接,每一个属性和属性之间要用英文封号隔开;

四,CSS选择器的作用

根据不同的需求选择不同的标签,设置对应的样式


总结

提示:这里对文章进行总结: 在写文章的过程中也对自己的知识进行了巩固。

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值