这是我参加「第五届青训营 」伴学笔记创作活动的第2天 一、层叠样式表,是用来定义页面元素的样式,比如:设置字体颜色,设置位置和大小,添加动画效果等等。 (1)在页面中使用css 1,内联样式 内联样式是直接在html标签上定义该标签的css样式,如<divstyle="width:100px;height:100px;"> 2,内部样式 内部样式是写在html文件中,且包含在代码块中,style写在head里面如:div{width:100px;height:1000px;}
3,外部样式 外部样式是通过在html中引用外部css文件来控制样式,如: html文件中写入引用语句: (2)css是如何工作 加载HTML,解析HTML,(加载CSS,解析CSS,添加样式到节点)创建树DOM,展示页面 (3)选择器Selector; 一般称为选择器, 也可以翻译为多路复用器,它是 Java NIO 核心组件中的一个, 用于检查一个或多个 NIO Channel(通道)的状态是否处于可读、可写可以实现单线程管理多个 channels, 相比使用多个线程, 避免了线程上下文切换带来的开销。 还有通配选择器,标签选择器,id选择器,类型选择器,属性选择器, (4)伪类: 在网页中往往有些信息不能被选择器选中,比如CSS没有“光标点击”“文档首字母”之类的选择器,因此引入了伪类和伪元素来解决这些问题。 伪类和伪元素的区别为 1,伪类的操作对象为文档树中已有的元素,而伪元素操作的是文档数之外的元素。 2,一般来说伪类使用“:”,伪元素使用“::”双冒号,但大部分使用双冒号的伪元素也可以被浏览器识别。 (5)组合: 直接组合,后代组合,亲子组合等等