浮动,就是使元素脱离标准流,移动到其父元素指定的位置的过程,包括float: left float: right; 浮动常见的问题: 1.浮动的子元素无法超出父元素的范围; <head> <style type="text/css"> #father { width: 200px; height: ...
分类:
Web程序 时间:
2021-02-27 13:17:54
阅读次数:
0
介绍: 官方简介:一种现代的HTML5替代CSS重置方法。Normalize.css使浏览器更一致地渲染所有元素,并符合现代标准。它只针对需要规范化的样式。 Normalize.css 只是一个很小的CSS文件,但它在默认的HTML元素样式上提供了跨浏览器的高度一致性。 相比于传统的CSS rese ...
分类:
Web程序 时间:
2021-02-19 13:09:45
阅读次数:
0
压缩的内容: 删除注释、空格和换行; 删除多余的分号; 删除空的CSS样式 压缩的工具: 第一种:命令行工具-YUI Compressor: 1.安装jdk环境,jdk下载地址:https://www.oracle.com/java/technologies/javase-jdk15-downloa ...
分类:
Web程序 时间:
2021-02-18 13:36:22
阅读次数:
0
一、style 利用 “[元素].style.[CSS属性名] = [属性值]” 的方法 1 var Box = document.getElementById('box') 2 Box.style.height = '100px' 3 Box.style.width = '100px' 4 Box ...
分类:
Web程序 时间:
2021-02-06 11:52:17
阅读次数:
0
一、背景颜色(color) 语法:background-color:颜色值; 默认的值是 transparent 透明的 二、背景图片(image) 1、语法:background-image:none | url(url) 参数 作用 none 无背景图(默认的) url 使用绝对或相对地址指定背 ...
分类:
Web程序 时间:
2021-01-27 13:43:54
阅读次数:
0
张艳涛写于2021-1-20日 What: 如何让button的长度和input长度一致呢 最先想到的是给这个button加一个class ="buttonclass",然后在vue最后的<style标签中>设置 .buttonclass { width : 100%; } 这个前两篇设置heigh ...
分类:
Web程序 时间:
2021-01-21 10:32:52
阅读次数:
0
DIV水平垂直居中 div { width: 100px; height: 100px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto;} 父级控制子集居中(弹性布局).parent { display: ...
分类:
Web程序 时间:
2021-01-15 11:40:06
阅读次数:
0
1 元素的显示与隐藏 1.1 display(使用较多,配合js做特效,比如下拉菜单,原先没有,鼠标经过,显示下拉菜单,应用广泛) display:none 隐藏(先隐藏元素,不保留位置) dispaly:block 除了转换成块级元素以外,还可以显示元素。 1.2 visibility visib ...
分类:
Web程序 时间:
2021-01-13 10:48:30
阅读次数:
0
scoped css 官方文档 缺点 一、如果用户在别处定义了相同的类名,也许还是会影响到组件的样式。 二、根据css样式优先级的特性,scoped这种处理会造成每个样式的权重加重了: 即理论上我们要去修改这个样式,需要更高的权重去覆盖这个样式。 所以在引用包含scoped的第三方插件时如若需要修改 ...
分类:
Web程序 时间:
2020-12-28 11:45:45
阅读次数:
0
CSS入门 HTML + CSS + JavaScript 结构 + 表现 + 交互 1.如何学习 1、CSS是什么 2、CSS怎么用(快速入门) 3、CSS选择器【重点+难点】 4、美化网页(文字,阴影,超链接,列表,渐变...) 5、盒子模型 6、浮动 7、定位 8、网页动画(特效,推荐网站:W ...
分类:
Web程序 时间:
2020-12-25 12:30:30
阅读次数:
0