css
怒放的生命1991
我就是我,是不一样的烟火 功到自然成
展开
-
在vue项目中css或者less的定义全局的变量方法
1.首页在css中写入base.css:/* root选择器用匹配文档的根元素。在HTML中根元素始终是HTML元素。在根元素下自定义一些变量的样式 */:root{ border:1px solid blue;/* 设置样式 */ --bg-color:red;/* 设置自定义的样式 */ --font-size:30px; --height-min:100px;}2.在最外层的组件入口引入即可: @import './assets/css/base.css'原创 2020-12-26 21:42:26 · 2014 阅读 · 0 评论 -
css基础知识总结
1.CSS盒子模型与怪异盒模型 盒子模型(Box Modle)可以用来对元素进行布局,包括内边距,边框,外边距,和实际内容这几个部分。 盒子模型分为两种 第一种是W3c标准的盒子模型(标准盒模型)、第二种IE标准的盒子模型(怪异盒模型) 当前大部分的浏览器支持的是W3c的标准盒模型,也保留了对怪异盒模型的支持,当然IE浏览器沿用的是怪异盒模型。怪异模式是“部分浏览器在支持W3C标准的同时还保留了原来的解析模式”,怪异模式主要表现在IE内核的浏览器...原创 2020-07-27 22:29:22 · 644 阅读 · 0 评论 -
flex布局的学习
一、Flex 布局是什么?Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}注意,设为 Flex 布局以后,子元素的float、clear和vertical-align属性将失效。当容器设置为flex布局之后,可以对里面的各个元素采原创 2020-07-26 23:28:15 · 751 阅读 · 0 评论 -
css--flex布局问题
flex-shrink:0;如果值为0,表示不减小。详解:该属性用来设置,当父元素的宽度小于所有子元素的宽度的和时(即子元素会超出父元素),子元素如何缩小自己的宽度的。flex-shrink的默认值为1,当父元素的宽度小于所有子元素的宽度的和时,子元素的宽度会减小。值越大,减小的越厉害。如果值为0,表示不减小。举个例子: 父元素宽400px,有两子元素:A和B。A宽为200px,...原创 2019-10-23 14:13:24 · 220 阅读 · 0 评论