css
小糖子先森
我生来平庸.也生来骄傲.
展开
-
inline-block间隙问题内联元素与块级元素
内联元素a-描点big-大字体br-换行em-强调i-斜体img-图片input-输入框lable-表格标签select-项目选择small-小字体问吧span-定义文本区块strike-中划线strong-粗体sub-下标sup-上标abbr – 缩写acronym – 首字b – 粗体(不推荐)font – 字体设定(不推荐)s – 中划线(不推荐)tex原创 2017-05-16 16:31:39 · 277 阅读 · 0 评论 -
padding-top百分比值
padding-top,right,buttom,left百分比值margin-top,right,buttom,left百分比值都是相对于宽度的值计算,而不是相对于高度来计算的。转载 2019-03-28 17:24:39 · 3864 阅读 · 2 评论 -
两个display: inline-block;内联块元素之间的间隔大小
默认间隔是5px,它会根据字体大小,和类型而增加或减小。原创 2019-02-21 08:14:23 · 661 阅读 · 0 评论 -
input中 type="number"出现上下箭头时如何去掉
添加CSS样式即可:input[type=number] { -moz-appearance:textfield; } input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none...翻译 2019-01-28 16:09:26 · 3783 阅读 · 0 评论 -
css让背景颜色与背景图片同时显示
background:url(../images/txt.png) #25282e no-repeat;原创 2019-01-15 11:14:44 · 10494 阅读 · 0 评论 -
前端基础总结
前端基础知识一、html1. <body></body>之间是页面可见内容①.注意:HTML执行顺序是从上而下,依次执行。最容易犯语法错误--->编译错误 , 还有一种是“运行错误”2. <head></head>之间是网页头部可见内容<meta charset=”UTF-8”>html编码格式 <ti...原创 2018-12-19 10:49:40 · 219 阅读 · 0 评论 -
CSS hack
什么是CSS hack由于不同厂商的流览器或某浏览器的不同版本(如IE6-IE11,Firefox/Safari/Opera/Chrome等),对CSS的支持、解析不一样,导致在不同浏览器的环境中呈现出不一致的页面展现效果。这时,我们为了获得统一的页面效果,就需要针对不同的浏览器或不同版本写特定的CSS样式,我们把这个针对不同的浏览器/不同版本写相应的CSS code的过程,叫做CSS hac...转载 2018-09-28 07:57:25 · 152 阅读 · 0 评论 -
Web前端需要知道的单词汇总
style 修饰width 宽度height 高度title 想说明的text-align 水平对齐方式center 居中 left 居左 right 居右line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中background 背景image 引入背景图片(url)background-position: 背景定位(x轴,y轴;)back...转载 2018-05-20 12:50:40 · 3877 阅读 · 3 评论 -
移动端web那些坑
meta基础知识H5页面窗口自动调整到设备宽度,并禁止用户缩放页面<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />忽略将页面中的数字识别为电话号码<meta name="format...转载 2018-05-17 14:33:05 · 681 阅读 · 0 评论 -
Windows快捷键
1、很多时候,需要暂时离开座位去做别的事情,如果对自己的电脑安全很重视,不妨按住windows键后,再按L键,这样电脑就直接锁屏了,这样就不用担心电脑的资料外泄啦2、要找电脑上的文件时,一般人会先找到“我的电脑”,然后点击打开,而高手总是很酷的,轻轻按下键盘上的Windows键不放然后再按E键,直接打开电脑的资源管理器,而一般人还在慢慢寻找“我的电脑”的图标呢,嗯,高手就是这样直接把一般人给秒杀了...转载 2018-04-20 14:24:49 · 207 阅读 · 0 评论 -
移动端开发ios输入框内阴影去掉的方法
iphone及ipad下输入框默认内阴影Element{ -webkit-appearance: none; }加此样式就可以了,不过个人感觉加了点击多个输入框聚焦时间有点点反应慢了。原创 2018-03-29 10:31:00 · 502 阅读 · 0 评论 -
移动端端如何阻止苹果浏览器输入框默认放大事件
<meta content="yes" name="apple-mobile-web-app-capable"><meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;">原创 2018-03-29 10:28:57 · 2946 阅读 · 1 评论 -
关于css默认样式reset笔记
每次写css前都需要需清除默认样式: 关于默认样式的一些margin,padding有多少? body : margin:8px; p : margin:8px 0;(设置了font-size浏览器[除火狐 IE])上下margin就是多少最小是12px,如果font-size<=12, margin:就是12px;font-size:0;也就清除了margin; 火狐 IE:font-si原创 2017-05-16 15:06:02 · 228 阅读 · 0 评论 -
HTML5+CSS3新增内容总结!
说到H5+C3会不会觉得东西好多啊,今天就整理了一份总结性的内容; CSS3选择器有哪些? 答:属性选择器、伪类选择器、伪元素选择器。 CSS3新特性有哪些? 答:1.颜色:新增RGBA,HSLA模式 2. 文字阴影(text-shadow、) 3.边框: 圆角(border-radius)边框阴影: box-shadow 4. 盒子模型:box-sizing 5.背景:backgr原创 2017-10-14 23:54:43 · 3086 阅读 · 2 评论 -
学习笔记2017-6-6(找到合适的值和QQ号码)
一.回顾知识: Number: JavaScript不区分整数和浮点数,统一用Number表示,以下都是合法的Number类型:123; // 整数1230.456; // 浮点数0.4561.2345e3; // 科学计数法表示1.2345x1000,等同于1234.5-99; // 负数NaN; // NaN表示Not a Number,当无法计算结果时用NaN表示Infinity原创 2017-06-07 00:04:23 · 403 阅读 · 0 评论 -
隐藏浏览器滚动条
html::-webkit-scrollbar {display:none}原创 2019-08-22 15:39:24 · 381 阅读 · 0 评论