2022年3月25日
外边距
摘要： 外边距 跟内边距不一样，外边距是挪动位置 margin和padding使用方法是一样的 上右下左 一共有四个方向的外边距： margin-top 上外边距，设置一个正数，元素就会从上往下移动，如果设置为负数就会从下往上移动 margin-right margin-bottom margin-left 阅读全文
posted @ 2022-03-25 09:19 罗砂 阅读(135) 评论(0) 推荐(0)
内边距
摘要： 内边距(padding) 内容区和边框之间的区域就是内边距 一共有四个方向的内边距， padding-top paading-right padding-bottom padding-left 上图,绿色的区域就是内边距 盒子可见的大小，由内容区、内边距 和 边框共同决定的 阅读全文
posted @ 2022-03-25 08:56 罗砂 阅读(99) 评论(0) 推荐(0)
2022年3月24日
边框
摘要： 边框有边框三要素： 线宽，线型，线的颜色 格式 单写线宽 一般默认值都是3个像素 border-width可以用来指定四个方向的边框宽度值的情况 四个值：上 右 下 左 三个值：上 左右 下 两个值：上下 左右 一个值：上下左右 除了border-width还有一组border-xxx-width; 阅读全文
posted @ 2022-03-24 22:47 罗砂 阅读(164) 评论(0) 推荐(0)
文档流
摘要： 网页是一个由多层结构组成通过css来设置每一层的样式，最底层被称为文档流 我们所创建的元素默认都在文档流中进行排列 元素主要有两个状态：在文档流中和不在文档流中(脱离文档流) 阅读全文
posted @ 2022-03-24 22:08 罗砂 阅读(36) 评论(0) 推荐(0)
HSL值
摘要： HSL background-color:hsl(10,10%,10%);每一种颜色的范围在 0 - 255 （0% - 100%）之间语法：hsl(色相，饱和度，亮度)H 色相(0-360)S 饱和度(0% - 100%)L 亮度(0% - 100%) 阅读全文
posted @ 2022-03-24 22:07 罗砂 阅读(86) 评论(0) 推荐(0)
em和rem
摘要： em是相对于元素的字体大小来计算 1em就等于1个font-size em就等于1个font-size rem是相对于html根元素的字体大小来改变的 阅读全文
posted @ 2022-03-24 22:06 罗砂 阅读(26) 评论(0) 推荐(0)
RGB值
摘要： RGB是三原色分别是红色、绿色、蓝色 background-color:rgb(255,255,255);每一种颜色的范围在 0 - 255 （0% - 100%）之间语法：RGB(红色，绿色，蓝色) 阅读全文
posted @ 2022-03-24 22:06 罗砂 阅读(205) 评论(0) 推荐(0)
像素和百分比
摘要： 像素（px） 在屏幕上有一个个小正方形构成不同屏幕的大小，像素个数量也不同百分比(%) 将属性值设置为相对于父元素属性的百分比 如：父元素是200px子元素是父元素的50%，那么子元素就是父元素的二分之一也就是100px 阅读全文
posted @ 2022-03-24 22:05 罗砂 阅读(110) 评论(0) 推荐(0)
继承
摘要： <p>李四<a>王五</a></p> 给p标签写样式被包在p标签里的a标签也会被改变样式、a标签继承了p标签的样式 阅读全文
posted @ 2022-03-24 22:04 罗砂 阅读(20) 评论(0) 推荐(0)
选择器的权重
摘要： 选择器的优先级 行内样式 的优先级是1000id选择器 的优先级是100类和伪类选择器 的优先级是10元素选择器的 的优先级是1 优先级越高，就越优先显示 优先级相同时就会优先使用靠下的样式 阅读全文
posted @ 2022-03-24 22:04 罗砂 阅读(32) 评论(0) 推荐(0)