![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
Stzyz_121314
这个作者很懒,什么都没留下…
展开
-
css常见布局问题
css中使用position:absolute布局后如何居中显示 水平居中 :top:0; left:50%; transform: translate(-50%,0); 垂直居中 :top:50%; left:0; transform: translate(0,50%); 全部居中 :top:50%; left:50%; transform: translate(-50%,50%); ...原创 2019-11-11 09:39:50 · 109 阅读 · 0 评论 -
常用css样式属性大全(中文注释)
一 CSS文字属性: color : #999999; /文字颜色/ font-family : 宋体,sans-serif; /文字字体/ font-size : 9pt; /文字大小/ font-style:itelic; /文字斜体/ font-variant:small-caps; /小字体/ letter-spacing : 1pt; /字间距离/ line-height : 200%;...原创 2019-10-11 18:07:18 · 456 阅读 · 0 评论 -
flex详解
flex涉及的概念 lex的基本作用就是让布局变的更简单,比如“垂直居中”等,当然不止这个,要说清楚flex有什么作用首先要了解一些概念。 采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。 flex容器的属性 flex-direction flex-direction...原创 2019-09-21 13:37:29 · 149 阅读 · 0 评论 -
css自动换行,页面允许复制
word-wrap:break-word; word-break:break-all; word-wrap用来控制换行 两种取值: (1)normal (2)break-word(此值用来强制换行,内容将在边界内换行,中文没有任何问题,英文语句也没问题。但是对于长串的英文,就不起作用。) word-break用来控制断词 三种取值: (1)normal (2)break-a...原创 2019-09-07 10:28:13 · 1410 阅读 · 0 评论 -
css横向滑动列表
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="viewport" content="...原创 2019-06-29 19:30:31 · 332 阅读 · 0 评论 -
微信弹出浏览器打开提示
#weixin-tip{ display:none; position: fixed; left:0; top:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80); width: 100%; height:100%; z-index: 100; } ...原创 2019-04-04 10:28:22 · 1107 阅读 · 0 评论 -
移动端实现遮罩对话框
实现原理: 点击某一控件实现遮罩弹出会话框 原理就是点击后弹出两个div样式 。其中一个就是遮罩层 给他添加透明度即可实现遮罩,另一个就是对话框内容 <div class="mask" id="mask"></div> <div class="input_informatino" id="input_informatino">原创 2018-07-20 20:03:49 · 788 阅读 · 0 评论