侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

css知识点记录

2024-05-07 星期二 / 0 评论 / 0 点赞 / 56 阅读 / 1742 字

★隐藏元素的方法及区别方法有:display:none; //隐藏且不占空间visibility:hidden; //隐藏却还占空间opacity:0; //将透明度设置为0,记得兼容ie要用f

★隐藏元素的方法及区别方法有:

display:none;  //隐藏且不占空间visibility:hidden;  //隐藏却还占空间opacity:0;  //将透明度设置为0,记得兼容ie要用filter:alpha(opacity=0);

★magin-top设置百分比值:

margin-top:10%;

结果参照其父元素的宽度;假如父元素father{width:1000px;}那么margin-top:10% 等于margin-top:100px

★盒子阴影效果--box-shadow例子,修改第一个值就可以修改右侧阴影,例子中0为没有右侧阴影;

.stepBars {    height: 50px;    box-shadow:0px 10px 5px #b2b2b2;	-moz-box-shadow:0px 10px 5px #b2b2b2;	-webkit-box-shadow:0px 10px 5px #b2b2b2;}

★去掉点击input之类的出现的蓝色框添加属性

outline:none;

微信等移动端的,不仅取消蓝色框,还会将一些按钮的默认点击属性消除,在body取消默认的属性

body{ 	-webkit-tap-highlight-color:rgba(0,0,0,0); }

★在给文本的父div元素设置背景色透明度,其子元素往往会继承这个透明度,导致字体颜色变浅解决方法

background: rgba(0,0,0,0.3);  //前面三个数值为背景色的数值,最后一个0.3代表背景色透明度

★css3溢出文字省略号三连击

overflow: hidden;white-space: nowrap;text-overflow: ellipsis;

★阻止ios移动设备长按出现系统默认菜单

-webkit-touch-callout:none;

★禁止用户选中文字(pc、ios、安卓)

-webkit-user-select:none

广告 广告

评论区