CSS定位布局 基础知识 在CSS布局中，定位布局也是一种非常常见的技术手段，我们以京东为例： 上面是非常好的例子，对于定位布局来说它可以将一个元素放在页面上的任意一个位置。 但是定位布局也不能滥用，因为它可能会出现一些意料之外的问题，所以我们只对一些需要定位的元素进行定位，而不需要定位的元素则使用 ...
分类：
Web程序 时间：
2020-07-15 23:05:32
阅读次数：
90
单行： white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 多行： word-break: break-all; text-overflow: ellipsis; overflow: hidden; display: -webki ...
分类：
Web程序 时间：
2020-07-15 22:46:33
阅读次数：
93
一、效果图： 应用： 二、上代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
分类：
Web程序 时间：
2020-07-15 16:05:09
阅读次数：
104
要实现的效果：如果上面元素较少，提交按钮在屏幕底部，如果上面元素较多，接近一屏，或者超过一屏，按钮随之下移。 需要以下几点： 1、按钮和上面元素在一个div中，父div相对定位，需要居底的div绝对定位。 2、父div min-height: 100vh。 3、父div设一个伪类，伪类设置一定高度， ...
分类：
Web程序 时间：
2020-07-15 15:32:18
阅读次数：
425
前段时间有人向我提过一个问题：“怎么使用css实现点击操作。” 我想了下倒也不是不可以，在解答了之后觉得有趣，刚好最近也准备写点博客什么的，便拿来做素材吧。 具体实现思路：在点击块上添加一个隐藏的单选input，然后在css里使用选择器判断当前选中块。做出显示或隐藏其他块。整体代码如下： <!DOC ...
分类：
Web程序 时间：
2020-07-15 15:16:36
阅读次数：
130
<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8"> <title>登录</title> <style type="text/css"> /*加载css*/ .background { display: block; width ...
分类：
其他好文 时间：
2020-07-15 15:05:46
阅读次数：
63
众所周知我们的css选择器权重最高为!important往下依次为：!important，行内样式，ID选择器，类，属性选择器和伪类选择器元素和伪元素 那么我这里讲一点不一样的东西。 在某些修改某些组件样式的时候也都有头痛过权重等级。（只要不是放在行内或用!imprtant 你的选择器怎么放都无法盖 ...
分类：
Web程序 时间：
2020-07-15 13:05:29
阅读次数：
94
效果图 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user ...
分类：
Web程序 时间：
2020-07-14 18:34:16
阅读次数：
252
create-react-app，官方推荐脚手架 配置及安装方式： 1.搭建 react ： npx create-react-app my-app （my-app 自己起的文件名，如果一直安装失败，试着清一下缓存：npm cache clean --force） 1.1： npm i react- ...
分类：
移动开发 时间：
2020-07-14 13:54:20
阅读次数：
108
CSS数据样式 表格 定制表格 我们除了可以使用<table>标签进行绘制表格，在css3中display也支持进行表格的样式绘制。 样式规则说明 table 对应 table table-caption 对应 caption table-row 对表 tr table-cell 对于th或td t ...
分类：
Web程序 时间：
2020-07-14 13:37:41
阅读次数：
125
