day02_CSS

1.ccs作用、优点

HTML 只负责提供数据,只负责用每个标签来显示

特效全部由CSS显示

层叠样式表:HTML用多个标签去实现

2.css语法

选择器

花括号里面都是键值对,键就是属性,

 

 

 

 

在CSS里面不要轻易加空格,忽略空格和换行符的只是HTML

3.css和html的结合方式

 

1.

4.css的基本选择器

CSS代码一般写在<head>里面

JavaScript一般写在<head>和<body>之间

ID是一个主键,不能再页面上取相同的ID,否则JavaScript永远也拿不到后面与前面ID相同的标签

5.扩展选择器

active必须要点住不放才能生效

 

6.CSS样式表的冲突解决

 

7-link标签的rel属性

8.CSS的单位

 

注意像素是相对单位

 

 

9.字体属性

 

10.文本属性

11.背景属性

<body>如果不写默认是空的,如果加了一个<p>标签,那也只有<p>标签所占空间的大小(一行)

Position会把图片放在body 的中间而不是浏览器的中间

 

12.列表属性

13.盒子模型

 

 

 

 

14.回顾

首先用通用选择器把padding和margin全部置零,已应对不同浏览器显示不同的问题,便于设计

给padding两个值,分别代表:上下、左右

如果给三个值,分别代表:

给四个值,分别代表:

15.定位属性

原点:包含该标签的容器的左上角

 

16.float,over-flow,z-index属性

使用float属性使其脱离顺序流后,脱离顺序流的构件可以覆盖掉顺序流中的构件

在顺序流中的构件是以默认脱离顺序流的构件不存在为前提进行排列的

17.导航栏的制作

 

18.鼠标的属性

19.滤镜介绍

 

 

 

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值