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 · 116 阅读 · 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 · 483 阅读 · 0 评论 -
flex详解
flex涉及的概念lex的基本作用就是让布局变的更简单,比如“垂直居中”等,当然不止这个,要说清楚flex有什么作用首先要了解一些概念。采用Flex布局的元素,称为Flex容器(flex container),简称”容器”。它的所有子元素自动成为容器成员,称为Flex项目(flex item),简称”项目”。flex容器的属性flex-directionflex-direction...原创 2019-09-21 13:37:29 · 158 阅读 · 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 · 1422 阅读 · 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 · 349 阅读 · 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 · 1116 阅读 · 0 评论 -
移动端实现遮罩对话框
实现原理: 点击某一控件实现遮罩弹出会话框 原理就是点击后弹出两个div样式 。其中一个就是遮罩层 给他添加透明度即可实现遮罩,另一个就是对话框内容 <div class="mask" id="mask"></div> <div class="input_informatino" id="input_informatino">原创 2018-07-20 20:03:49 · 800 阅读 · 0 评论