随笔分类 - CSS
摘要:css和css3弹性盒模型实现元素宽度(高度)自适应 div css float浮动用法(left right) 注意: 要区别与文字内容靠左( text-align:left)靠右( text-align:right)样式,浮动只针对html标签设置靠左靠右浮动样式; 如果需要让标签对象居中我们在
阅读全文
摘要:https://blog.csdn.net/qq_41638795/article/details/83304388 一. overflow:hidden 溢出隐藏 给一个元素中设置overflow:hidden,那么该元素的内容若超出了给定的宽度和高度属性,那么超出的部分将会被隐藏,不占位。 /*
阅读全文
摘要:https://www.jianshu.com/p/52b0c2a7ea29 CSS2.1表格模型中的元素,可能不会全部包含在除HTML之外的文档语言中。这时,那些“丢失”的元素会被模拟出来,从而使得表格模型能够正常工作。所有的表格元素将会自动在自身周围生成所需的匿名table对象,使其符合tabl
阅读全文
摘要:最通俗易懂的CSS 浮动float属性详解 DIV的高度 Css中的!important CSS系列】height:100%设置div的高度 http://www.divcss5.com/rumen/r123.shtml 实现左边div固定宽度,右边div自适应撑满剩下的宽度的布局方式: https
阅读全文
摘要:一、 用法 v-show 指令通过改变元素的 css 属性(display)来决定元素是显示还是隐藏。 html: <div id="app"> <p v-show="type '科技'">大数据之下的锦鲤:为什么你的微博总抽不到奖</p> </div> JS: <script> var app =
阅读全文
摘要:https://www.jianshu.com/p/cd360cfae6e1
阅读全文
摘要:navbar-header 类 主要定义了左右外边距,left浮动。 这是响应式导航条,在页面宽度低于标准后,其他内容都隐藏,而仅留下的一个按钮,点击按钮就垂直打开导航栏。 类 navbar-toggle: 大于768px不显示。 在html5中,任何以data-开始的都是自定义属性,通常它用来实现
阅读全文
摘要:浮动到底是怎么样的? W3CSCHOOL对浮动属性的解释:浮动的框可以向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。所以浮动也有left、right、none三种。 我个人的理解是:HTML 文件就像是一个方形的水槽,它在浏览器中加载的过程就好比是向水槽中放水,而这些水就代表的是
阅读全文
摘要:https://www.cnblogs.com/laobeiV5/p/5114202.html 1.盒模型到底是啥?肯定不是简单的div.. 2.行内元素和块级元素的区别和他们的特点是什么? 3.CSS的定位机制主要有哪几种? 1、盒模型是什么? 盒模型是CSS实现页面布局的一种思想:把页面的所有元
阅读全文
摘要:完全控制内边距(填充)。有一些属性可以为元素的每一侧(上、右、下和左侧)设置内边距 Padding - 单独的边 CSS 拥有用于为元素的每一侧指定内边距的属性: padding-top padding-right padding-bottom padding-left 所有内边距属性都可以设置以下
阅读全文
摘要:static:默认值。没有定位,元素出现在正常的流中。 relative:生成相对定位的元素,相对于其正常位置进行定位。正常位置也就是指如果没有position属性它会出现的位置。 absolute:生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位。这里需要注意一下,abso
阅读全文
摘要:html中的“position:absolute”是绝对定位,一般配合“top”和“left”属性同时使用。 1、新建html文档,在body标签中添加一个div,然后在这个div中再添加一个div,这时默认情况下内div在外div的左上角: 2、为内div添加“position”属性,属性值为“a
阅读全文
摘要:https://www.cnblogs.com/lhb25/archive/2013/02/17/css3-linear-gradient.html 《CSS3 经典教程系列》的前一篇文章向大家详细介绍了 text-shadow 文本阴影特性的用法,今天这篇文章我们在一起来看看 CSS3 中实现渐变
阅读全文
摘要:到底什么是选择器?通过常接触的CSS选择器和jQuery选择器理解一下,我们知道CSS是用于分离网页的结构和表现的,也就是说对于一个网页,HTML定义网页的结构,CSS描述网页的样子,一个很经典的例子是说HTML就像一个人的骨骼、器官,而CSS就是人的皮肤,有了这两样也就构成了一个植物人了,加上ja
阅读全文
摘要:https://www.w3school.com.cn/css/css_pseudo_classes.asp https://api.jquery.com/attribute-contains-prefix-selector/ https://www.w3school.com.cn/css/css_
阅读全文
摘要:1、内部CSS样式 在html文件的head部分,用style标签包裹。作用范围和字面意思相同,仅限于本页面的元素 <head> <meta charset="utf-8" /> <title>测试</title> <style type="text/css"> div { width: 65px;
阅读全文