前端笔记之9.25-9.28

希望明年可以找到前端的实习,那就从现在开始努力啦!

HTML+CSS笔记

1.内联框架:

前端笔记之9.25-9.28_第1张图片

2.音视频:

前端笔记之9.25-9.28_第2张图片

前端笔记之9.25-9.28_第3张图片

 注意浏览器是否支持的问题!

前端笔记之9.25-9.28_第4张图片

 3.到CSS啦!

前端笔记之9.25-9.28_第5张图片

前端笔记之9.25-9.28_第6张图片

 前端笔记之9.25-9.28_第7张图片

这就是第一种css样式:内联样式;(在实际开发中并不推荐这样!麻烦啦)

前端笔记之9.25-9.28_第8张图片

 第二种:内部样式表;

前端笔记之9.25-9.28_第9张图片

 但也有问题:只对一个页面,不能跨页面复用!

所以!第三种重要啦!

前端笔记之9.25-9.28_第10张图片

 在style里就不再遵循HTML的语法规则了,要遵循CSS的!

接下来是css的语法:

前端笔记之9.25-9.28_第11张图片

接下来是选择器的类别:

前端笔记之9.25-9.28_第12张图片

前端笔记之9.25-9.28_第13张图片

 很重要的一个选择器!!!交集选择器!

前端笔记之9.25-9.28_第14张图片

 前端笔记之9.25-9.28_第15张图片

几个关系要缕清!

前端笔记之9.25-9.28_第16张图片

 >就代表子元素选择器;

前端笔记之9.25-9.28_第17张图片

 总结一下:

前端笔记之9.25-9.28_第18张图片

 属性选择器:

前端笔记之9.25-9.28_第19张图片

 快捷键啊宝贝!

而且按Tab就会切换到下一个li;

伪类选择器:

前端笔记之9.25-9.28_第20张图片

还可以否定哦!

先学到这啦!争取国庆把这一部分搞完!

-----------------------------------继续继续-----9.28-------------------------------------------------------------

首先继续我们的伪类,关于访问过和没访问过的链接:

前端笔记之9.25-9.28_第21张图片

 还有两个伪类!

前端笔记之9.25-9.28_第22张图片

 3.学习伪元素:

前端笔记之9.25-9.28_第23张图片

 before和after会用的很多哦~

 

 

你可能感兴趣的:(前端学习,前端)