css
关注
分享
扫一扫
优资园
分享才能进步
展开
-
消除行内元素底部间隙
消除行内元素底部留白行内盒模型消除行内元素底部间隙： 原理： middle对齐的是整个大盒子的行高中心位置往下偏移1/2字体的高度 <style> *{ margin: 0; padding: 0; } html,body{ height: 100%; }.div1{ di...原创 2018-04-30 18:07:56 · 695 阅读 · 0 评论 -
用CSS画三角形
第一步:原理:利用css盒子模型的border .theory{ padding: 30px; border-top: 50px solid red; border-bottom: 50px solid blue; border-left: 50px solid green ; ...原创 2018-12-26 17:06:01 · 193 阅读 · 0 评论 -
css中如何使图标的旋转
css中如何使图标的旋转例如：使用的是阿里的icon <i class="iconfont icon-xiangshangjiantou icon-select"></i>//icon-xiangshangjiantou 向上的箭头实现其旋转向下：使用css3的transform属性旋转180度如下，是无效的：.icon-select{ trans...原创 2018-10-21 15:01:33 · 15417 阅读 · 2 评论 -
H5,css3,Javascript,html,css等兼容性检测
兼容性检测网址:https://caniuse.com/原创 2018-09-05 12:19:56 · 2053 阅读 · 0 评论 -
Html和Css中的空格
Html和Css中的空格<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>css空格</title> <style> .test1,.te原创 2018-09-04 17:14:56 · 3383 阅读 · 0 评论 -
css 盒模型 和 css3 定义盒模型
css 盒模型标准盒模型 IE盒模型 box-sizing: //标准盒模型 -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; ...原创 2018-09-01 17:31:17 · 578 阅读 · 0 评论 -
CSS 文字样式,换行,省略
常用的css :字体:font-family:font-style:normal(正常)|italic(斜体)|oblique(倾斜)font-weight:normal(正常)|bold(粗体)|bolder(特粗体)|lighter(细体)文本:word-spacing:normal | length 词与词之间的距离值,可以是负数letter-spacing:no...原创 2018-09-01 17:06:04 · 11808 阅读 · 0 评论 -
iview Select组件,文字没有居左的问题和Html空格问题
iview Select组件,文字没有居左的问题和Html,CSS空格问题问题:文字没有在左边 原因:{{ item.label }}前有空格引起的 &lt;Select v-model="seachdata.levelId" filterable placeholder="选择级别"&gt; &lt;Option v-for="item原创 2018-07-06 14:05:13 · 3222 阅读 · 7 评论 -
CSS3 选择器
css3 选择器基本选择器 兼容性： 层次选择器 动态伪类选择器 UI元素状态伪类选择器 结构伪类选择器 否定伪类选择器 属性选择器 ...原创 2018-04-28 22:44:46 · 142 阅读 · 0 评论 -
兼容ie背景图片拉伸,实现图片填充
兼容ie背景图片拉伸实现图片填充 兼容IE及所有浏览器的背景图片填充 background: url(../images/test01.png) no-repeat center; width: 96px; height: 60px; -moz-background-size: 100% 100%; -o-back...原创 2018-04-27 14:50:51 · 2099 阅读 · 0 评论 -
深入line-height，中线，基线，底线，顶线
中线，基线，底线，顶线属性值 对齐方式baseline 元素基线与父元素基线对齐，默认值bottom 元素底部与父元素底部对齐top 元素顶部与父元素顶部对齐middle 元素中线与父元素中线对齐top 与父元素顶部对齐text-top 元素顶部与父元素文字顶部对齐text-bottom 元素顶部与父元素文字顶部对齐...原创 2018-04-30 18:40:45 · 2092 阅读 · 0 评论 -
静态radio
静态的,没有添加js效果,可以封装<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>单选框</title> <link rel="stylesheet"原创 2019-03-14 21:28:46 · 235 阅读 · 0 评论