CSS学习笔记
文章平均质量分 74
可以打个电话吗?
我们都是暗淡的人 但在彼此的交集里看到了光.
展开
-
CSS盒子模型
目录盒子模型的组成内容区(content)边框(border)内边距(padding)外边框(margin)水平方向的布局 盒子模型的组成 CSS将页面中所有的元素都设置为一个矩形的盒子 将元素设置为矩形的盒子之后,对页面的布局就变成了将不同的盒子摆放在不同的位置。 每个盒子都由下面几个部分组成: 内容区(content) 内边距(padding) 边框(border) 外边框(margin) 内容区(content) 内容区(content) 元素的所有的子元素和文本内容都放在内容区中排列 内容区的原创 2022-04-26 21:04:54 · 206 阅读 · 0 评论 -
CSS中长度和颜色单位和文档流
目录长度单位 长度单位 像素 屏幕实际就是由一个一个小点构成 不同 屏幕的像素大小是不同的,像素越小屏幕显示的效果越清晰 所以相同的像素在不同的设备下的显示结果不一样 百分比 像素也可以用百分比来表示 可以将其属性值设置为相对于其父元素的百分比 设置百分比的元素可以随着父元素的改变而发生改变 em em是相对于该元素内的字体大小来计算的 1em=1font-size em会根据字体的大小而发生改变 rem rem是相对于根元素(就是html)的字体大小来计算的 <html lang="en">原创 2022-04-22 19:53:04 · 119 阅读 · 0 评论 -
【无标题】继承和选择器的权重
目录继承选择器的权重 做做小笔记! 继承 样式的继承,若我们为一个元素设置了样式,那么该样式也会被它的后代继承。 注意:继承是发生在祖先和后代之间的。 总的来说,继承的设计是伪类方便我们的开发 利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上。 这样保证我们只要设置一次就可以让所有的元素都具有该样式。 注意:并不是所有的样式后代都可以继承。 比如:背景相关的,布局相关等的样式都不会被继承。 <head> <meta charset="UTF-8"> &l原创 2022-04-20 21:16:14 · 115 阅读 · 0 评论 -
超链接伪类和伪元素
目录超链接伪类伪元素 一天一点点,慢慢累积! 超链接伪类 用法如: 标签名:link :link用来表示没有访问过的链接(正常链接) :visited用来表示访问过的链接(由于隐私问题,visited这个伪类只能修改链接的颜色) :hover用来表示鼠标移入后的状态 :active用来表示鼠标点击的状态 <head> <meta charset="UTF-8"> <title>Title</title> <style>原创 2022-04-19 21:08:22 · 116 阅读 · 0 评论 -
Css各种选择器
文章目录前言一、网页的组成二、修改网页样式的三种1.内联样式,行内样式2.内部样式表3.外部样式表三、CSS基本语法四、CSS选择器1.元素选择器2.id选择器3.类选择器4.通配选择器5.交集选择器6.并集选择器7.子元素选择器8.后代选择器9.选择下一个兄弟10.选择下边所有的兄弟11.属性选择器12.伪类选择器 前言 只是对前端感兴趣,刚刚开始慢慢学习和积累,有不对的地方请见谅! 一、网页的组成 网页分成三个部分 结构(HMTL) 表现(CSS) 行为(JavaScript) CSS 层叠样式原创 2022-04-18 21:44:06 · 411 阅读 · 0 评论