![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 70
雾眠气泡水@
这个作者很懒,什么都没留下…
展开
-
要让一个元素全部隐藏掉且在文档流中不占位,应该使用下面哪个 CSS 规则?
这个题的答案是display:none隐藏一个元素的方法有两种:dispaly:none,visibility:hidden而他们之间的区别之一就是隐藏一个元素且在文档流中占不占位:1.dispaly:none 1)不为被隐藏的对象保留其物理空间。html对象在页面上彻底消失(display:none会让元素完全从渲染树中消失,渲染的时候不占据任何空间)。2)是非继承属性,子孙节点消失由于元素从渲染树消失造成的,通过修改子孙节点,属性无法显示。...原创 2021-09-28 21:20:07 · 2044 阅读 · 0 评论 -
CSS的动画案例——西游记动画
1.思路:(1)先制作出背景图,并且给背景图设置向后运动的动画。(2)在分别将师徒四个的图片放在相应的位置,并且给图片设置相应的宽高。(3)在给师徒四个的图片设置动画。让他们走动起来。2.制作所需的图片(图片分别命名为bg.jpg、bj.png、ss.png、ts.png、wk.png)3.html代码<!DOCTYPE html><html lang="en"><head> <...原创 2021-09-06 20:07:43 · 711 阅读 · 0 评论 -
CSS的知识点总结(三)——布局
目录一、默认布局二、display三、浮动:float四、定位布局:position 1.相对定位 2.绝对定位 3.固定位置 4.粘性布局一、默认布局 1.默认布局又称线性布局 默认文档结构从外到内,自上而下,从左到右。二、display 1.定义:将块级元素转换为行类元素 2.display:inline; 行内元素...原创 2021-09-02 19:35:14 · 335 阅读 · 0 评论 -
CSS的知识点总结(二)——盒子模型
盒子模型 1. 盒子模型分为两种模型: (1)W3C模型:也称为内容盒子,标准盒子。 (1)内容区的宽高: 宽:我们定义的宽width; 高:我们定义的高height。 (2)盒子的宽高: 宽:内容的宽+边框的厚度+左右内边距的厚度(padding)...原创 2021-09-02 18:32:44 · 239 阅读 · 0 评论 -
CSS的弹性布局
CSS的弹性布局弹性布局的介绍弹性布局的英文是flexbox,简写flex。弹性布局又称伸缩盒布局。弹性布局有容器、元素两大要素,元素可以随着容器大小的变化,自动改变大小,但是元素之间会按照一定的比例排布,使页面整洁,让人看起来舒服。实现弹性布局的代码:display:flex;弹性布局的常用语句1.在主轴方向的排列方式——justify-content默认是x轴。通常我们实现x轴的排列用这个语句。:flex-start:元素在x轴上靠左开始排列。:flex-end:元素在x轴上靠右开始排原创 2021-08-21 20:12:10 · 1366 阅读 · 0 评论 -
CSS的知识点总结(一)
一、CSS是什么? 1.全称:层叠样式表 2.作用:(1)用来修饰文档的语言,可以将文档以最优雅的形式呈现给用户。 (2)为了把内容和样式进行分离,提高工作效率。 3.发展:1996年12月第一份正式标准完成 CSS;1998年5月 CSS规范第二版 出版了;1999年开始修订,2001年完成了CSS工作草案。 4.CSS工作原理: 拿到HTML文件-解析HTML文...原创 2021-08-10 22:20:14 · 128 阅读 · 0 评论