![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
zlzbt
写代码的小菇凉
展开
-
flex 布局详解
一、Flex是Flexible Box的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{display:flex;}行内元素也可以使用Flex布局。.box{display:inline-flex;}Webkit内核的浏览器,必须加上-webkit前缀。.box{display:-webkit-flex;/* Safa...原创 2021-04-01 17:38:30 · 149 阅读 · 0 评论 -
获取上传文件是否是图片,如果是获取base64格式 并展示上传文件
<!DOCTYPE html><html><head> <meta charset="utf-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title>上传文件--图片</title> <meta...原创 2018-10-22 15:46:45 · 2595 阅读 · 0 评论 -
给tr加边框无效解决方案
<table> <tr style='border:1px solid #000'> <td>12</td> <td>2</td> <td>12</td> </tr> <tr>原创 2018-04-26 10:23:37 · 6281 阅读 · 0 评论 -
相对、绝对、固定定位,以及其层级关系和脱离文档流的影响
定位:一般父级用相对定位,子级用绝对定位1.相对定位:position:relative2.绝对定位:position:absolute3.固定定位:position:fixed默认static没有定位偏移量:left和top比right和bottom的优先级要高相对定位:相对于自身原始位置进行定位原点在自身左上角不脱离文档流特性:1.不影响元素本身的特性2.不使元素脱离文档流3.提升层级4.无法...转载 2018-04-26 09:34:29 · 1026 阅读 · 0 评论 -
css样式 之 cursor 各个用法
不可编辑的状态时可用,显示效果为是一个红色的圈加一个斜杠,表示禁止的意思 刚发现的cursor: not-allowed;<html><body><p>把代码拷贝到本地 ,将鼠标移动到对应的单词上面就可以看到鼠标指针发生变化:</p><span style="cursor:auto">Auto</span&原创 2018-04-24 15:37:59 · 255 阅读 · 0 评论 -
jQuery的$(document) 多种写法
$(document) 是当前文档,就是你看到的整个网页$(document.body) =$('body')两种写法代表的是同一个对象$("body") 是一个选择器,jQuery 会从 DOM 顶端开始搜索,直到找到标签为 body 的元素。而 $(document.body) 中的 document.body 已经是一个 DOM 对象,jQuery 可以直接使用此元素。...原创 2018-04-19 16:08:17 · 7937 阅读 · 0 评论 -
angularJs 切换Tab 对应改变样式
跳转到哪个页面对应tab就改变其设置的样式点击secondPage页面的提交按钮跳转到thirdPage页面 thirdPage的也会相应变成红色WebApp底部菜单栏的高亮效果需要用到一个指令,其实还需要做一个交互,就是点击的时候需要跳转,像这种情况一般会用到ui.router路由模块的一个指令,跳转一般有两种方法,一种是使用指令进行跳转,一种是利用服务进行跳转。指令是ui-sref,这相当...原创 2018-04-19 09:48:54 · 1119 阅读 · 2 评论 -
修改元素的属性之修改元素的id
当你引入css框架时,有时会导致你改变,得不到想要的效果,此时你就可以添加id属性 ,在css级别较高,而后如果不想要这个id你可以设置id为空即可 ,这样也避免了id重复#defaultColor{color:red}$('div').on('click','.defaultColor',function){ $('.defaultColor').attr('id','...原创 2018-03-29 16:26:37 · 3174 阅读 · 0 评论 -
web初级
学习的第26天文本垂直居中,文本的行高要与父元素行高一样才可实现垂直居中1、渐变1、什么是渐变渐变指的是多种颜色平缓变化的一种显示效果2、渐变的主要因素色标 :一种颜色及其 出现的位置一个渐变是由多个色标组成(至少两个)3、渐变分类1、线性渐变以直线的方向来填充渐变色2、径向渐变以圆形的方式实现的填充效果3、重复渐变将线性渐变 或径向原创 2017-09-05 17:51:53 · 311 阅读 · 0 评论