CSS
前端技术栈
看面试题 【web前端面试小助手】 小程序
展开
-
css英文文本不换行,css怎么实现英文不换行
css实现英文不换行的方法:首先创建一个HTML示例文件;然后在body中定义一些英文内容;最后通过添加“white-space:nowrap;”属性实现英文不换行效果。本文操作环境:windows7系统、&&CSS3版、Dell G3电脑。CSS强制英文、中文换行与不换行设计制作HTML时会遇到CSS强制英文、中文换行与不换行的问题,可以通过本文了解一下相关知识。代码:.注意,一定要指定容器的宽度,不然的话是没有用的。原创 2022-11-07 13:53:26 · 2594 阅读 · 0 评论 -
css3 Shadow 效果演示 阴影 渐变 旋转 变形 效果演示
以下为演示地址Text Shadow(文本阴影)-Css3演示https://color-4gr069g4ea217b7a-1301145096.tcloudbaseapp.com/css3%E6%BC%94%E7%A4%BA/tool/Text-Shadow.html盒模型阴影-Css3演示https://color-4gr069g4ea217b7a-1301145096.tcloudbaseapp.com/css3%E6%BC%94%E7%A4%BA/tool/Box-Shadow.html.原创 2021-10-13 17:20:25 · 468 阅读 · 0 评论 -
css3透明度渐变
在需要使用透明度渐变的div中添加linear类即可<div class="linear" style="widht:500px;height:500px"></div>.linear { background: -webkit-linear-gradient( top, rgba(0, 0, 0, 0),rgba(0, 0, 0, 0.2) ); /* Safari 5.1 - 6 / background: -o-linear-gradient(bo.原创 2021-10-12 18:05:18 · 862 阅读 · 0 评论 -
vue 自己制作的 刻度尺 方便简洁好用
<template> <view class="scan"> <block v-for="(item,index) in section" :key="index" class=""> <text >{{(section-index)*(numbers/section)}} —</text> <text v-for="(item,l) in 10" :key="l">-</text> </blo原创 2021-05-14 11:50:20 · 2634 阅读 · 0 评论 -
CSS3 文字边框 -webkit-text-stroke 镂空的字体制作
CSS边框的一个不足就是只有矩形的元素才能使用。-webkit-text-stroke可以为文字添加边框。它不但可以设置文字边框的宽度,也能设置其颜色。而且,配合使用color: transparent属性,还可以创建镂空的字体!-webkit-text-fill-color可以填充中间的颜色部分,可以自己尝试一下!h2{ font-size: 36px; color: transparent; -webkit-text-fill-color: #ffdaa6;/*文字的填充原创 2020-08-31 13:58:57 · 515 阅读 · 0 评论 -
Input 标签 password 右边出现小键盘 取消办法
取消小键盘的Css input::-webkit-input-safebox-button{ display: none; } 扫码查看面试题小程序原创 2020-07-24 14:18:00 · 552 阅读 · 0 评论 -
CSS元素居中大全
新手在扫码小程序中体验效果Html5-CSS之五大居中方式你是不是也对元素居中的知识点很是模糊?是不是苦于找不到一个总结的通俗易懂的说明?是不是自己懒得去总结?恭喜你,搜到这篇博客! 这是鄙人在前端的学习与实践中总结出的元素的五大居中方式,黏贴了代码并对代码做了解释,希望对迷茫的有所帮助!下面的居中示例中,统一使用了同一个div作为父元素和p作为子元素设置一个div,并且设置了div的宽高...原创 2019-10-29 17:29:06 · 206 阅读 · 0 评论 -
最新 H5 HTML CSS记录 新手入门
新手扫码体验小程序点击链接后退页面:<a href="javascript:history.go(-1)">回到上一个网页</a>——修改placeholder提示的样式:1.除IE外通用写法 类名或标签名::placeholder {color: red;}2.加兼容前缀写法css超出一行显示省略号:给定宽度(width:100px)、超出隐藏(ov...原创 2019-10-29 17:21:40 · 5557 阅读 · 0 评论 -
小程序用 rich-text长按复制事件
微信小程序的富文本编辑器 rich-text 没有提供长按出现复制剪切功能,下面是为大家提供的长按实现复制的简单功能,效果没有微信聊天页长按复制的效果好。1,在 rich-text 表签里添加 bindlongpress=“copy” data-text="{{nodes}}"<rich-text nodes="{{nodes[index]}}" class='ctext' bindlo...原创 2019-10-21 14:01:11 · 3052 阅读 · 2 评论 -
ios手机上为input[type="date"]设置样式兼容问题 已解决
在移动网页上需要有一个时间控件,我用了HTML5的input[type=“date”],这个控件在按Android和ios上的实现都是可以的,但是样式有点丑,特别是ios上,于是我加了一段css:input{ background:none; outline:none; appearance:none; -moz-appearance:none; -web...原创 2019-10-21 10:48:34 · 3318 阅读 · 0 评论 -
css绘制扇形
<view class="span"></view>span { position: absolute; width: 0; height: 0; left: 0px; width: 0; height: 0; border-right: 100px solid red; border-left: 100p...原创 2019-07-12 11:27:31 · 361 阅读 · 0 评论 -
px、em、rem的区别css单位换算
在对页面进行自适应时,查阅相关资料了解到,通常有两种方式将px转换为em或者rem,下面就上述三者之间的联系进行讲解:em与px转换一般浏览器默认1em=16px,通过设置font-size大小来代表如:16px*0.625=10px,其则代表1em=10px,直接上代码(注释的样式为浏览器默认 (1em=16px)的长宽):<!DOCTYPE html><html la...原创 2019-06-21 09:17:16 · 379 阅读 · 0 评论