![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
css样式
Feng、锋
CV攻城狮╮(╯▽╰)╭
展开
-
react 使用 styled-components-px2vw
react 使用 styled-components-px2vw。原创 2022-11-18 10:27:33 · 671 阅读 · 1 评论 -
vue web页面 适配 vw
yarn add postcss-px-to-viewport -D// postcss.config.js 下module.exports = { plugins: { // 行内样式不支持转换 'postcss-px-to-viewport': { unitToConvert: 'px', // 需要转换的单位,默认为"px" viewportWidth: 1920, // 设计稿的视口宽度 unitPrecision: 2, // 单位转换原创 2021-12-07 15:24:10 · 507 阅读 · 0 评论 -
css 解决特殊字符换行
word-break: break-all;原创 2021-09-09 17:22:53 · 1363 阅读 · 0 评论 -
禁止浏览器空格下滑滚动条
document.body.onkeydown = function (event) { var e = window.event || event; if(e.preventDefault){ e.preventDefault(); }else{ window.event.returnValue = false; } }原创 2021-09-09 17:43:28 · 1824 阅读 · 0 评论 -
HTML和CSS常见面试题
1.请描述一下cookies、sessionStorage和localStorage区别?cookie是网站为了标示用户身份而储存在用户本地终端(Client Side)上的数据(通常经过加密)。cookie数据始终在同源的http请求中携带(即使不需要),即会在浏览器和服务器间来回传递。sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。存储大小...原创 2020-02-17 11:16:22 · 647 阅读 · 0 评论 -
淘宝初始化样式
淘宝的样式初始化:body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } body, button, input, select...原创 2020-02-17 11:25:12 · 156 阅读 · 0 评论 -
CSS文字溢出显示省略号,数组和字母不换行
【代码】CSS文字溢出显示省略号,数组和字母不换行。原创 2020-12-31 16:00:46 · 329 阅读 · 0 评论 -
常用css总结
块级元素 <h1><h6><p><ul><ol><li><div>可以设置宽和高 不在同一行上行内元素 <a><strang><b><em><i><del><s><sanp>不能设置宽和高 在同一行上 水平方向padding和margin可以设置 垂直方向无效class=“xx” 对应 .xx{ } 类选原创 2020-11-02 10:59:49 · 376 阅读 · 0 评论 -
禁止用户拖拽图片 禁止用户选中文字
禁止用户拖拽图片在img标签上添上 draggable="false"禁止用户选中文字body{ -moz-user-select:none;/*火狐*/ -webkit-user-select:none;/*webkit浏览器*/ -ms-user-select:none;/*IE10*/ -khtml-user-select:none;/*早期浏览器*/ user-select:none;}...原创 2021-04-29 14:15:28 · 119 阅读 · 0 评论