关于h5网站常用的样式设置

1.文字镂空：

-webkit-text-fill-color:transparent;
-webkit-text-stroke:1px #000;

2.文字强制换行：

word-break: break-all;

3.保留换行符。

// css保留空格和换行符

white-space: pre-wrap;

// css保留换行符

white-space: pre-line;

4.图片变灰色

   -webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;opacity:0.7;

5.inp修改提示字的颜色

input::-webkit-input-placeholder {color: red;
}

6.文字渐变色：
①

 p{background-image: linear-gradient(135deg,red,blue);-webkit-background-clip:text;color: transparent;}

②

<span text='房屋租赁到期提醒'>房屋租赁到期提醒</span>span{position: relative;color:#ffd901;
}span:before{content: attr(text);position: absolute;z-index: 10;color:#ffff00;-webkit-mask:linear-gradient(to left, #ffff00, transparent );}

7.设置背景图固定在底部，不会跟随滚动条的变化而滚动
background-attachment: fixed;

background-image: url('图片路径');
background-repeat: no-repeat;
background-attachment: fixed;
background-size: 100% 50%;
background-position: bottom;

关于h5网站常用的样式设置相关推荐

HTML常用字体样式设置（加粗、下划线、斜体）
有的时候,仅仅是价格要求,前面的符号小一点,后面的数字大一点,就没必要用SpannableString.用HTML简单处理即可效果图: 代码实现: //加粗:<strong>222< ...
CSS3干货23：常用字体样式设置
一.字体颜色 color: 颜色;color:#f30; color:rgb(255,100,0); color:rgba(255,100,0,0.4); 二.字体设置 font-family:Ari ...
微信分享和微信H5跳转到APP开放标签wx-open-launch-app使用及样式设置
H5.微信.App唤端相关一.微信分享二.浏览器H5跳转到APP 三.微信H5跳转到APP 一.条件说明二.文档三.重要的设置四.注意点五.样式设置一.微信分享参看:微信分享:后端参数 ...
图文样式css样式,初学解惑：常用CSS样式图文设置教程
注:在论坛中记得有人问过,做了网页之后字体特别大?如何控制网页中的字体呢?答案是用CSS来控制,今天给大家编写这个教程主要是面对初学者的! 一个有链接的文本,鼠标ON.OVER不同状态下的响应是不同的 ...
Typora编辑器的常用快捷键介绍及主题样式设置
Typora编辑器的常用快捷键介绍及主题样式设置附 Typora工具安装包及修改后的主题样式文件点击下载 1.编辑器Typora中的快捷键快捷键很多,只做部分展示! 具体设置快捷键标题设置 ...
flash h5录音_博乐h5网站建设案例-AI优网络
沈阳滑翔网站建设/设计沈阳荷兰村网站建设/设计沈阳和泰新城网站建设/设计沈阳黑山网站建设/设计沈阳红旗台网站建设/设计沈阳浑河堡网站建设/设计沈阳浑南中路网站建设/设计沈阳浑河站西网站建设/设计沈阳浑 ...
html5公共样式css,css常用公共样式
/*style reset*/ body,ul,p,h1,h2,h3,h4,h5,h6,dl,dd,form,input,textarea,select{padding:0; margin:0;fon ...
Bootstrap常用布局样式
Bootstrap常用布局样式 1 内容布局 1.1 标题类 1.2 文本类 1.3 列表类 2 代码和图文布局 2.1 代码样式 2.2 图文样式 3 表格布局 4 辅助样式 4.1 添加或移除边框 ...
将H5网站转换成原生体验的App
H5网站转换成App需求说明如果我们只有H5网站,没有App,想要生成App的可选方案有哪些?目前的技术,大概有三个路线: 利用Android/Object-c原生语言,分平台重新开发:这样会导致H ...

关于h5网站常用的样式设置

关于h5网站常用的样式设置相关推荐

最新文章

热门文章