摘要: 外边距 跟内边距不一样,外边距是挪动位置 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)
摘要: 边框有边框三要素: 线宽,线型,线的颜色 格式 单写线宽 一般默认值都是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 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是相对于元素的字体大小来计算 1em就等于1个font-size em就等于1个font-size rem是相对于html根元素的字体大小来改变的 阅读全文
posted @ 2022-03-24 22:06 罗砂 阅读(26) 评论(0) 推荐(0)
摘要: 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)