首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

(2019)面试题:CSS display和position的属性值有哪些?

问题 CSS 的display和position的属性值有哪些? Hello,欢迎来到我的博客,每天一道面试题,我们共同进步。...(确切地说z-index只在定位元素上有效) relative和absolute都可以用于定位,区别在于前者的div还属于正常的文档流,后者已经是脱离了正常文档流,不占据空间位置,不会将父类撑开。...定位原点relative是相对于它在正常流中的默认位置偏移,它原本占据的空间任然保留;absolute相对于第一个position属性值不为static的父类。...所以设置了position:absolute,其父类的该属性值要注意,而且overflow:hidden也不能乱设置,因为不属于正常文档流,不会占据父类的高度,也就不会有滚动条。...页面上很多效果都是父相(relative)子绝(absolute)来实现的。 position:inherit。规定从父类继承position属性的值,所以这个属性也是有继承性的。

1.5K00

js给数组添加数据的方式js 向数组对象中添加属性和属性值

大家好,又见面了,我是你们的朋友全栈君。...参考:https://www.cnblogs.com/ayaa/p/14732349.html js给数组添加数据的方式有以下几种: 直接利用数组下标赋值来增加(数组的下标起始值是0) 例,先存在一个有...用 数组名.splice(开始插入的下标数,0,需要插入的参数1,需要插入的参数2,需要插入的参数3……)来增加数组数据 let arr=[1,2,3]; //splice(第一个必需参数:该参数是开始插入...\删除的数组元素的下标,第二个为可选参数:规定应该删除多少元素,如果未规定此参数,则删除从 第一个参数 开始到原数组结尾的所有元素,第三个参数为可选参数:要添加到数组的新元素) let result=arr.splice...(3,0,7,8,9) console.log(arr);  此时的输出结果是[ 1, 2, 3, 7, 8, 9 ]; 因为举例是从第3个下标开始,所以是直接在数组的最后开始增加数组内容; js 向数组对象中添加属性和属性值

23.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    css3系列-2.css中常见的样式属性和值

    css3系列-2.css中常见的样式属性和值 继续上一篇文章的继续了解css的基础知识,关注我微信公众号:全栈学习笔记 css中常见的样式属性和值 字体与颜色 背景属性 文本属性 边框属性 内外边距 鼠标光标属性...其行为方式类似 HTML 中的 标签。*/ /*pre-wrap 保留空白符序列,但是正常地进行换行。...浮动和清除浮动 css里面浮动用的还是挺多的,要好好学哦!不会的关注我的公众号,我会教你的哦!公众号:全栈学习笔记 码字太难了!给个关注吧!...3.第三种方式 父容器使用伪类after和zoom。 伪类选择器还没讲过,争取这两天写一份详细的选择器文章。...inherit 规定应该从父元素继承 overflow 属性的值。

    1.3K20

    JVM的Xms和Xmx参数设置为相同值有什么好处?

    这里就写篇文章分析一下,JVM的Xms和Xmx参数设置为相同的值有什么好处?首先来了解一下相关参数的概念及功能。...当堆内存使用率降低,则会逐渐减小该内存区域的大小。整个过程看似非常合理,但为什么很多生产环境却也将两个值配置为相同的值呢?...相同值的好处 面对上面的问题,为了避免在生产环境由于heap内存扩大或缩小导致应用停顿,降低延迟,同时避免每次垃圾回收完成后JVM重新分配内存。所以,-Xmx和-Xms一般都是设置相等的。...其实关于在生产环境中把Xms和Xmx设为相同值也是Oracle官方推荐的。...注意事项 其实虽然设置为相同值有很多好处,但也会有一些不足。比如,如果两个值一样,会减少GC的操作,也意味着只有当JVM即将使用完时才会进行回收,此前内存会不停的增长。

    20.4K30

    position属性值有哪些_静态web和动态web的区别

    大家好,又见面了,我是你们的朋友全栈君。...1: static 静态定位,是默认值,当代码使用top,left.等,无效 2: absolute 绝对定位,相对于父元素进行定位,元素通过top,right,left等进行定位 3: fixed 固定定位...,相对于浏览器进行定位 4: relative 相对定位,元素通过top,left 等与它之前的正常进行定位 5: sticky 该元素并不脱离文档流。...当元素在容器中被滚动超过指定的偏移值时,元素在容器内固定在指定位置。亦即如果你设置了top: 50px,那么在sticky元素到达距离相对定位的元素顶部50px的位置时固定,不再向上移动。...元素固定的相对偏移是相对于离它最近的具有滚动框的祖先元素,如果祖先元素都不可以滚动,那么是相对于viewport来计算元素的偏移量 发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn

    70620

    CSS中两个类选择器写一起的作用,可分有逗号和没有

    CSS中两个类选择器写在一起一、CSS层叠样式表设计当中,两个类选择器写在一起,那么如果这两个类选择器之间没有使用英文的“,”隔开,而是使用空格,那么一般表示的是选择第一个类选择器的子元素中类名为第二个类选择器的所有元素...,即这两个类选择器一般是父、子元素(或后代元素)的递进关系,目的是为了更精确地选择到HTML的元素,比如.A .B就可以选择A类中的B类元素,而不是所有的B类元素(A类元素之外可能还有B类元素)。...二、如果这两个类选择器之间有英文“,”隔开,那么这两个类的元素是被同时选择,比如.A, .B就是同时选择A类元素和B类元素,并可以同时这两个元素设置相同的CSS样式。...CSS中两个类选择器写在一起实例代码,及在线编辑器下方的实例中,运行之后,可以将两个类选择器中的空格改成英文的“,”,然后再运行看看二者效果上的区别:这是段落p,不包含子元素...中两个类选择器写一起是什么意思,可分有逗号和没有免责声明:内容仅供参考。

    46920

    学习jQuery设计思想有感

    ,就是用来添加老大 $('Test').prependTo('.inner') 作用与prepend相同,语法不同 $('').after('Test')和$(...').remove() 删除class为hello的元素,如果hello里面包含子节点,子节点同样会被移除 $('div').remove('.hello') 添加一个可选的选择器参数来过滤匹配的元素...(); //html()没有参数,表示取出h1的值   $('h1').html('Hello'); //html()有参数Hello,表示对h1进行赋值 复制代码 类似地,取值和赋值函数有:  .html..."]) 读取div的多个属性值 //写 $(div).css("color","red") 更改div的颜色 $(div).css({'background-color' : 'yellow', 'font-weight...' : 'bolder'}) 更改div的多个属性值 复制代码 $(div).on('click', fn) 给div添加一个名为click的监听事件 $(div).off('click', fn)

    80230

    50个有价值的CSS编写规则,让你写出更好的CSS

    你可能正在使用难以覆盖的第三方库;你正在使用内联样式;你对选择器过于具体;你有 CSS 层次结构或顺序问题,或者应该尝试了解 CSS 特异性是如何计算的。 10、一致地编写CSS 一致性是关键。...13 、结合通用样式 通过将具有相同样式规则的选择器分组来避免重复样式。你可以用逗号来分隔具有相同样式主体的选择器。...通过重置或规范化你的 CSS,你可以简化这些事情,并让你的样式有更好的机会在任何浏览器中看起来相同。...支持很好,它允许你创建更灵活和可重用的 UI,更不用说它可以帮助你创建更强大的设计系统和功能。 25 、不要删除大纲属性,设置样式! 不要将大纲属性设置为“无”,而是设置样式!...34 、 避免不断覆盖/撤消样式 一个巨大的危险信号是你编写 CSS 样式,然后在其他地方编写具有不同值的相同 CSS,几乎覆盖了所有内容。如果你经常这样做,那么,你处理项目样式的方式显然有问题。

    2.4K20

    『知识巩固#1』Html、Css基础整理

    必须要有父级标签表单域 button 普通按钮 可以配合js添加功能 input 其他属性 placehold 给输入框提示文字 name 用name属性分组,相同name属性的单选框为一组 checked...由于 button 本身不具有功能,因此可以灵活地给 button 添加功能,拓展性极高 与 js 搭配使用有奇效 select 下拉菜单 组成: select 标签,下拉菜单的整体,需要包裹住...直接使用label标签把内容和表单标签一起包裹起来 需要把label标签的for属性删除 语义化标签 无语义 div span 有语义(了解) 用于手机端的开发 header、nav、footer...标签选择器 标签名 {css属性名: 属性值;} 类选择器 .class 通过类名 指定标签的style 一个标签需要多个类名,用空格隔开即可 id 选择器 配合js 诞生,在一个页面中式唯一的...合并现象 相邻的两个盒子,margin-bottom 和 margin-top 会合并 取最大值 而不是相加 塌陷现象 发生在互相嵌套的块标签 给子元素添加margin值,会使父标签子标签都下移,

    4K20

    Web前端知识(四)

    可以给一个标签内部添加标签以及获取标签 没有值代表获取,有值代表添加标签 html(); html(value); 获取标签当中的内容 text(); text(value); 4.1.8....它完全继承了 CSS 的风格,可以对 DOM 元 素的标签名、属性名、状态等进行快速准确的选择,并且不必担心浏览器的兼容性,写法更加简洁。...4.1.8.7.父子兄弟选择 案例:百度风云排行榜 4.1.8.8.表单选择器 4.1.9.jQuery中动画(***) 4.1.9.1.jq中动画简介 通过jQuery动画方法,能够很轻松地为网页添加非常精彩的视觉效果...顾名 思义,向上收缩(卷动)和向下展开(滑动) 注意:滑动、卷动效果和显示、隐藏效果一样,具有相同的参数。...而 jQuery 为了解决这个问题提供了 .fadeTo()方法 注意:淡入、淡出效果和显示、隐藏效果一样,具有相同的参数。

    7.4K30

    改善CSS的10种最佳做法

    现在,有许多轻量级的替代健壮框架。通常,你不会使用框架中的每个选择器,因此你的软件包将包含无效代码。 如果仅对按钮样式使用,则将样式外包给你的CSS文件,然后删除其余样式。...因此,在删除所有内容之前,请确保确认确实没有在任何地方使用它。 2、首选使用CSS方法 考虑为你的项目使用CSS方法。CSS方法用于在CSS文件中创建一致性。它们有助于扩展和维护你的项目。...预处理器是一种工具,可让你使用CSS中不存在的高级功能。这些可能是循环变量甚至函数之类的东西。 有很多预处理器。最著名的三个大概就是Sass,Less和Stylus。...尽管你可能认为删除轮廓创建的突出显示没有任何问题,但实际上,你使网站无法访问。通常将此规则添加为CSS的重置值。...压缩删除注释和空白,你的捆绑软件就可以快速的获取数据。 如果还没有,请在服务器端也启用压缩。 进一步减少CSS 和标记大小的另一种好方法是混淆类名。

    80510

    好久不用 jQuery, 来复习一下

    jQuery 选择器基于元素的 id、类、类型、属性、属性值等查找或选择 HTML 元素。 它基于已经存在的 CSS 选择器,除此之外,它还有一些自定义的选择器。...  过滤选择器主要是通过特定的规则筛选出 DOM 元素,过滤规则与 CSS 中的伪类选择器语法相同,即选择器都以一个 : 开头。...1.2.4 表单选择器   为了更加灵活地操作表单,jQuery 中专门加入了表单选择器。利用这个选择器,能极其方便地获取到表单的某个或某类型的元素。 ?...属性操作 ☞ 通用属性操作 操作 说明 attr() 获取/设置元素的属性 removeAttr() 删除属性 prop() 获取/设置元素的属性 removeProp() 删除属性 attr 和...属性值 removeClass() 删除class属性值 toggleClass() 切换class属性,有则删除,无则添加 css() 修改 css 样式 1.3.3 CRUD 操作 说明 append

    5.5K40

    HTMLCSS 第三章

    学习目标 css的作用和基本语法 css控制字体 基本选择器 伪类选择器 行高和对齐方式 css其他属性 首行缩进、字体下划线等 css的概念及其作用 css全称为(Cascading Style Sheets...,但是不能实现差异化选择 类选择器 声明自定义类名 .自定义类名 {属性1:值1;属性2: 值2;} (声明类名选择器) 给对应的元素添加class类名属性 class="自定义的类名" (调用类名选择器...需求:两个相同的标签,有一些共同的css样式 但是也有一些差异化的css样式 .red { color: red; } .ft12 { font-size: 12px; } .ft14 { font-size...多类名选择器可以让我们解决更复杂的一些需求 id选择器 id选择器的使用方式和类选择器基本一致 声明id #自定义id名字 {属性1:值1;属性2:值2;} 调用id 给对应的元素添加属性 id="自定义...,但是id选择器只能被一个元素调用 在同一个页面中吗,不能出现两个id值相同的元素 通配符选择器 * { 属性1: 值1; 属性2:值2; } 特点:选中任何元素,后期用于页面初始化。

    1.2K30

    改善CSS的10种最佳做法

    现在,有许多轻量级的替代健壮框架。通常,你不会使用框架中的每个选择器,因此你的软件包将包含无效代码。 如果仅对按钮样式使用,则将样式外包给你的CSS文件,然后删除其余样式。...因此,在删除所有内容之前,请确保确认确实没有在任何地方使用它。 2、首选使用CSS方法 考虑为你的项目使用CSS方法。CSS方法用于在CSS文件中创建一致性。它们有助于扩展和维护你的项目。...预处理器是一种工具,可让你使用CSS中不存在的高级功能。这些可能是循环变量甚至函数之类的东西。 有很多预处理器。最著名的三个大概就是Sass,Less和Stylus。...尽管你可能认为删除轮廓创建的突出显示没有任何问题,但实际上,你使网站无法访问。通常将此规则添加为CSS的重置值。...压缩删除注释和空白,你的捆绑软件就可以快速的获取数据。 ? 如果还没有,请在服务器端也启用压缩。 进一步减少CSS 和标记大小的另一种好方法是混淆类名。 ?

    70320

    css基础第一弹

    CSS 是也是一种标记语言。 有什么用:主要用于设置HTML页面中的文本内容(字体、大小、对齐方式等)、图片的外形(宽高、边框样式、边距等)以及版面的布局和外观显示样式。...选择器是用于指定CSS样式的HTML标签,花括号内是对该对象设置的具体样式 属性和属性值以键值对的形式出现 属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等 属性和属性值之间用英文:分开 多个...内部样式与外部样式 优先级是相同的 谁在下面结果就是谁 css选择器 css选择器有什么作用?...div { text-align: center; } 属性值 解释 left 左对齐(默认值) right 右对齐 center 居中对齐 装饰文本 text-decoration属性规定添加到文本的修饰...可以给文本添加下划线、删除线、上划线等。

    1.9K20

    分享 6 个你需要使用 Tailwind CSS 的原因

    但是使用Tailwind CSS,实现响应式设计就像给HTML元素添加类一样简单。您可以直接在类属性中指定响应式的行为,而无需在单独的CSS文件中定义媒体查询。...默认情况下,Tailwind提供了一套全面的配置选项,包括颜色、尺寸单位、响应式断点和其他样式选择。但是,如果默认配置不符合您项目的需求,您可以灵活地进行定制。...您可以通过修改Tailwind CSS配置文件轻松覆盖默认值并添加新的配置项。该文件提供了一个集中化的位置,用于自定义颜色、间距、字体、断点等等。.../src/**/*.jsx', ], // other configuration options }; 通过设置purge属性并提供相关文件路径,Tailwind CSS将智能地删除未使用的样式...:Stephanie Zhan 非直接翻译,有自行改编和添加部分,翻译水平有限,难免有疏漏,欢迎指正

    49440
    领券