CSS
文章平均质量分 88
CSS相关基础知识
ImmortalSYM
这个作者很懒,什么都没留下…
展开
-
CSS温习回顾-弹性盒Flex
CSS温习回顾 CSS-Flex 弹性盒简介 弹性盒也可以称为伸缩盒,是CSS中一种布局手段,它可以代替浮动来完成页面的布局;flex在移动端兼容性强,但是PC端兼容性可能较差,一般能用flex,尽量不要用浮动; 弹性盒使得元素具有弹性,让元素可以随着页面的大小改变而改变,可以避免浮动带来的影响; 弹性盒必须包含弹性容器和弹性元素; 设置弹性盒后,行内元素也可以设置宽高; 弹性容器:要使用弹性盒,必须将一个元素设置为弹性容器,可以通过display设置弹性容器; —display:flex;:原创 2021-07-02 17:43:04 · 325 阅读 · 0 评论 -
CSS温习回顾—CSS动画
CSS温习回顾 CSS-Animation 过渡效果 —通过过渡可以指定一个或者多个属性发生变化时的切换方式; —通过过渡,可以创建一些非常好的效果,提升用户体验; transition-property指定要执行过渡的属性 —多个属性需要逗号隔开,如果所有属性都要过渡,可以写作all; —大部分属性都支持过渡效果,只要是可以计算的有效值; —注意:过渡时,必须从一个有效值向另一个有效值过渡,不能从auto进行过渡; 例如:transition-property:width,height tran原创 2021-06-18 17:06:40 · 131 阅读 · 0 评论 -
CSS温习回顾—CSS背景
CSS温习回顾 CSS背景 background-image设置背景图片 —语法:background-image:url("背景图片路径") —可以同时设定背景颜色background-color和背景图片,背景颜色将会成为图片的背景色; —如果背景图片大小小于元素,则背景图片会自动在元素中平铺,将元素铺满; —如果背景图片大小大于元素,将会有一部分背景无法完全显示; —如果背景图片大小和元素一样大,则会直接正常显示; background-repeat设置背景的重复方式 —可选值 —repe原创 2021-06-10 15:49:09 · 87 阅读 · 0 评论 -
CSS温习回顾-Font字体
CSS温习回顾 CSS字体 字体族 字体的相关样式 —color:用来设置字体颜色(严格意义上,color是设置前景颜色); —font-size:用来设置字体的大小; —font-family:字体族(字体的格式) —语法:font-family:'微软雅黑'; —可选值(表示字体分类) serif: 表示衬线字体; sans-serif: 表示非衬线字体; monospace: 表示等宽字体原创 2021-06-03 15:32:18 · 141 阅读 · 0 评论 -
CSS温习回顾—CSS定位
CSS温习回顾 CSS定位 定位简介 —定位是一种比较高级的布局,一般大布局用float浮动,细节精修用position定位; —通过定位可以将一个元素摆放到页面的任意位置; —使用position属性设置定位; —可选值 static: 默认值,元素静止,没有开启定位; relative :开启元素的相对定位; absolute :开启元素的绝对定位; fixed :开启元素的固定原创 2021-05-26 21:58:50 · 68 阅读 · 0 评论 -
CSS温习回顾—CSS浮动
CSS温习回顾 CSS浮动 浮动简介 浮动主要作用是让页面中的元素可以水平排列,通过浮动可以进行水平方向布局; —通过浮动可以使一个元素向其父元素的左侧或者右侧移动,使用 float 属性设置子元素的浮动; —可选值 —none: 默认值,元素不浮动; —left: 元素向左浮动; —right: 元素向右浮动; —注意元素设置浮动后,水平布局的等式就不需要强制成立; —元素设置浮动以后,会完全从文档流中脱离,不在占用文档流的位置,所以其下边的元素(原创 2021-05-26 21:45:44 · 135 阅读 · 0 评论 -
CSS温习回顾—CSS Layout
CSS温习回顾 CSS布局样式 文档流(Normal Flow) —网页是多层结构,用户只能看到最上层结构; —通过CSS为每一层设置样式; —文档流为最底层结构,即网页的基础; —我们所创建的元素默认在文档流中进行排列; —对于元素有两种状态: 在文档流中; 脱离文档流; 元素在文档流中的特点: —块元素 —块元素在文档流中独占一行; —块元素自上向下垂直排列; —默认宽度是父元素的宽度(把父元素撑满); —默认高度是子元素(内容)高度; —行内元素 —行内元素在文原创 2021-05-19 21:48:53 · 86 阅读 · 0 评论 -
CSS温习回顾—CSS基础知识
CSS温习回顾 CSS基础知识 CSS-层叠样式表:网页实际上是一个多层结构,通过CSS分别为每一层设置样式,最终我们所看到只有最上层的结构; 使用CSS修改元素样式有三种方式: 第一种:内联样式(行内样式) —在标签内部通过style属性设置元素的样式; —CSS样式名字和样式值用冒号连接; —可以同时设置多个样式,color、font-sizde等,用分号隔开; —内联样式只能对一个标签生效;(开发不方便) —例如: <p style="color=red; font-size:12px;原创 2021-05-13 17:39:56 · 105 阅读 · 0 评论