随笔分类 -  CSS 相关

HTML和CSS内容的总结
css命名严格区分大小写
摘要：在实际的开发过程中，用这样的命名方式。如：id="ABC" 与 id="aBC"。 经过测试css是严格区分大小写的。 嘿嘿，里面有坑。。。 如果用了一些压缩工具，压缩了css的话，那就存在变数了。例如：用HBuilderX css插件（如果js中存在html代码也得考虑压缩问题）压缩css文件。 阅读全文
posted @ 2020-06-03 11:14 三高娘子 阅读(840) 评论(0) 推荐(0)
剩余的div自动填满height calc
摘要：如果想剩余的div自动填满，已知标题高度50px,那么剩余高度height:calc(100% - 50px); 阅读全文
posted @ 2019-11-14 16:06 三高娘子 阅读(370) 评论(0) 推荐(0)
autocomplete失效
摘要：问题描述：最近项目中，使用谷歌浏览器（版本70）登录到系统，不想每次登录都要输入一遍用户名和密码，所以选择了将用户名+密码保存了。然后问题就来了：登录到系统后，切换网站页面，凡是有文本框所在之处，input文本框默认有填充了登录的用户名+密码。如下图： o(╥﹏╥)o 然后我这里并不需要用户名和密码 阅读全文
posted @ 2019-10-29 19:47 三高娘子 阅读(2961) 评论(0) 推荐(0)
子组件上下结构布局自适应父组件宽度高度
摘要：1、父级页面 <template> <div> <div class="parentDiv"> <!-- gys-org-navigator 在这里是全局注册组件 --> <gys-org-navigator ref="orgNavigator" :org-tree="orgTree" :org-i 阅读全文
posted @ 2019-09-27 17:25 三高娘子 阅读(1655) 评论(0) 推荐(0)
css设置背景透明度
摘要：设置背景透明用： background-color: rgba(0, 0, 0, 0.4); 虽然opacity:0.5;也可以设置背景透明，但是会影响整体；推荐使用rgba设置背景透明，只会在当前的内容内起作用 阅读全文
posted @ 2019-08-22 16:42 三高娘子 阅读(45909) 评论(0) 推荐(0)
css实现垂直水平居中的方法（个数不限）？
摘要：方法一：使用绝对定位 大家都知道margin:0 auto;能够实现水平居中，但却不知道margin:0 auto;也是可以实现垂直居中的； 给居中元素添加如下样式： 缺点：内容容易溢出，建议使用overflow:auto; 方法二：负margin方法 给居中的div设置样式： 方法三：css3的  阅读全文
posted @ 2017-09-25 12:11 三高娘子 阅读(289) 评论(0) 推荐(0)
label 的for属性总结
摘要：一、使用介绍 1. 定义：for属性规定label与哪个表单元素绑定。 <label>是专门为<input>元素服务的，为其定义标记。 label 和表单控件绑定方式有两种： 方法一：将表单控件作为label的内容，这种就是隐士绑定。 此时不需要for属性，绑定的控件也不需要id属性。 方法二：为l 阅读全文
posted @ 2017-06-30 16:02 三高娘子 阅读(14251) 评论(0) 推荐(2)
在table表格中实现圆角效果
摘要：在table中设置border-radius发现不起作用，网上查找了一番，原因是border-collapse:collapse和border-radius不兼容。 设计图效果 代码实现效果： 参考资料地址：http://www.cnblogs.com/purl135/p/4918920.html 阅读全文
posted @ 2017-06-21 15:39 三高娘子 阅读(35412) 评论(2) 推荐(3)
form标签的 enctype属性
摘要：1.enctype的定义： enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。 默认地，表单数据会编码为 "application/x-www-form-urlencoded"。就是说，在发送到服务器之前，所有字符都会进行编码（空格转换为 "+" 加号，特殊符号转换为 ASCII 阅读全文
posted @ 2017-06-15 17:23 三高娘子 阅读(335) 评论(0) 推荐(0)
常用的几个标签的小总结
摘要：1.水平居中是常会遇到的，一般用margin 和 text-align margin : 0 auto;是针对块级元素居中 text-align: center; 是针对行级元素居中 2.attr 和 prop attr 针对的是 自己添加的属性 prop针对于原本就有的属性 3.a:hover b 阅读全文
posted @ 2017-05-31 16:17 三高娘子 阅读(170) 评论(0) 推荐(0)
网页中的导航栏的实现
摘要：网页中导航栏的实现一般用ul li， 细节：一般一个页面中不可能只用一次ul li 所以在实现导航栏的时候，我们会对ul设置#nav（#menu）。 技术点（1）：要对ul中的li设置成一排，所以用display:inline，将li并排布局。 技术点（2）：li里面的a标签 需要设置为块级元素 + 阅读全文
posted @ 2017-05-24 11:06 三高娘子 阅读(1182) 评论(0) 推荐(0)
px em rem 区别
摘要：1. em的值并不是固定的； 2. em会继承父级元素的字体大小。 所以我们在写CSS的时候，需要注意两点： 1. body选择器中声明Font-size=62.5%； 2. 将你的原来的px数值除以10，然后换上em作为单位； 3. 重新计算那些被放大的字体的em数值。避免字体大小的重复声明。 在 阅读全文
posted @ 2017-04-18 11:15 三高娘子 阅读(295) 评论(0) 推荐(0)
块级元素 行内元素 空元素
摘要：块级元素 display：block 行内元素 display：inline 空元素 display：inlin-block 是行内元素 也是块级元素 阅读全文
posted @ 2017-04-18 11:13 三高娘子 阅读(160) 评论(0) 推荐(0)
常用的 css 样式 记录
摘要：1.font-style 属性指定文本的字体样式。 对应的值有： normal 默认值。浏览器显示一个标准的字体样式; italic 浏览器会显示一个斜体的字体样式; oblique 浏览器会显示一个倾斜的字体样式； inherit 规定应该从父元素继承字体样式。 2.vertical-align 阅读全文
posted @ 2016-09-28 10:16 三高娘子 阅读(129) 评论(0) 推荐(0)