
CSS
文章平均质量分 55
CSS
橙-极纪元JJYCheng
没有成为炮灰的语言,只有成为炮灰的开发者。成长就是去做这些难而正确的事。
展开
-
js 打印网页时没有背景色,window.print打印背景色丢失
js 打印网页时没有背景色,window.print打印背景色丢失原创 2024-04-18 10:17:46 · 1098 阅读 · 1 评论 -
flexible.js 移动端自适应 rem,源码解析,以及rem单位理解
flexible.js 移动端自适应 rem,源码解析,以及rem单位理解原创 2024-04-07 18:10:06 · 1029 阅读 · 0 评论 -
css3的过度效果transition支持哪些属性,Transition 所支持的css属性
transition支持哪些属性,Transition 所支持的css属性原创 2024-01-16 17:08:56 · 1357 阅读 · 0 评论 -
css控制文本、字符换行
css控制文本、字符换行原创 2023-11-13 11:43:55 · 704 阅读 · 0 评论 -
css 设置边框是内部还是外部 CSS3 box-sizing 属性
css 设置边框是内部还是外部 这个内容是 CSS3 的box-sizing 属性转载 2023-08-16 17:07:17 · 190 阅读 · 0 评论 -
css 删除线,价格删除线
css 删除线,价格删除线原创 2023-07-27 11:01:54 · 301 阅读 · 0 评论 -
css 字体间距 设置
css 字体间距 设置原创 2023-07-08 10:46:36 · 6706 阅读 · 0 评论 -
pc站,电脑站网页CSS初始化,以及meta设置,含Bootstatp注意事项
pc站,电脑站网页CSS初始化,以及meta设置,含Bootstatp注意事项原创 2023-02-10 10:22:01 · 265 阅读 · 0 评论 -
手机站网页CSS初始化,以及meta设置 参考:头条手机站、京东手机站、vant2
手机站网页CSS初始化,以及meta设置 参考:头条手机站、京东手机站、vant2作者:cplvfx名称:网页CSS初始化参考:头条手机站(m.toutiao.com)、京东手机站(https://m.jd.com/)、vant2(https://youzan.github.io/vant/v2/#/zh-CN/)原创 2023-01-04 16:00:23 · 395 阅读 · 0 评论 -
html的一些小技巧,页面平滑滚动,一句代码页面变黑白
html的一些小技巧,页面平滑滚动,一句代码页面变黑白原创 2022-12-01 10:56:10 · 417 阅读 · 0 评论 -
css:字体超出长度显示省略号,css截取字符串
css:字体超出长度显示省略号转载 2022-09-02 08:10:14 · 542 阅读 · 0 评论 -
table 表格,table表格细边框设置,table表格禁止内容换行设置,table表格斑马线设置
table 表格,细边框设置,禁止内容换行设置,斑马线设置原创 2022-08-24 18:28:16 · 487 阅读 · 0 评论 -
css控制br的高度,取消br的高度
css控制br的高度,取消br的高度原创 2022-07-11 10:38:14 · 1078 阅读 · 0 评论 -
vue 页面的css样式代码多,怎么把css样式代码做成独立的文件,然后引用进来;以及style的scoped标签介绍以及scoped穿透介绍
vue 页面的css样式代码多,怎么把css样式代码做成独立的文件,然后引用进来;以及style的scoped标签介绍以及scoped穿透介绍原创 2022-06-29 14:43:43 · 1908 阅读 · 0 评论 -
CSS 中px、em、rem、%、vw、vh单位之间的区别详解【全网最全】
CSS 中px、em、rem、%、vw、vh单位之间的区别详解【全网最全】原创 2022-06-22 10:15:49 · 9417 阅读 · 7 评论 -
css使用弹性盒子flex实现菜单滑动
css使用弹性盒子flex实现菜单滑动原创 2022-01-12 17:12:49 · 818 阅读 · 0 评论 -
冷门又好用的 CSS 特性
转载:冷门又好用的 CSS 特性https://segmentfault.com/a/11900000412095701. 多列布局(Multi-column Layout)MDN - CSS Multi-column LayoutCan I Use - CSS3 Multi-column LayoutCSS 提供了对多列布局的支持。支持设置布局中的列数 (column-count)、内容应如何列之间的流动规则、列之间的间距 (column-gap) 以及列分割线(co..转载 2022-01-04 14:04:21 · 361 阅读 · 0 评论 -
图片不变形的情况下铺满整个容器,另有兼容IE代码,等比例显示图片
图片不变形的情况下铺满整个容器,另有兼容IE代码原创 2021-12-29 16:29:41 · 888 阅读 · 0 评论 -
rem的用法及详解
转载:https://www.cnblogs.com/colorsed/p/7373346.htmlrem的使用方法:首先,先说一个常识,浏览器的默认字体高都是16px。步入正题-----〉 兼容性: 目前,IE9+,Firefox、Chrome、Safari、Opera 的主流版本都支持了rem。就算对不支持的浏览器,应对方法也很简单,就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。 使用%单位方便使用 css中的body中先全局声明font-siz.转载 2021-04-22 14:24:31 · 1740 阅读 · 0 评论 -
html首行缩进,行高,每行文字对齐,两端文字对齐,修剪文本解决方案
p { line-height: 26px; /* 行高*/ text-indent: 36px;/* 规定文本块中首行文本的缩进*/ text-align: justify;/* 改变字与字之间的间距使得每行对齐*/ text-justify: inter-word;/* 改变字与字之间的间距使得每行对齐*/ margin: 10px 0px;}...原创 2021-03-08 16:23:56 · 3401 阅读 · 0 评论 -
html页面css初始化,以及清除css浮动
body{ margin:0; padding:0; font:14px/1.5 "Microsoft YaHei",Tahoma,Arial,"宋体"; color:#333} form,ul,li,ol,dl,dt,dd,p,i,h1,h2,h3,h4,h5,h6{ margin:0; padding:0}ul,li{ list-style:none} img{ border:0} .divc{ margin:0 auto} em,i{ font-style:normal}.dp{ disp.原创 2021-03-08 11:37:58 · 413 阅读 · 0 评论 -
修改input的placeholder字体颜色
效果html<input type="text" class="name inputProgramColor" placeholder="请输入用户名"/>cssinput.inputProgramColor::-webkit-input-placeholder{ color: rgba(255, 255, 255, 0.5); } input.inputProgramColor:-moz-placeholder{ colo.原创 2020-11-21 10:17:28 · 1367 阅读 · 0 评论 -
Button 按钮的点击时候出现蓝色边框
css控制Button 按钮的点击时候出现蓝色边框 – 北漂小兄弟http://www.inbeijing.org/archives/1139Button 按钮的点击时候出现蓝色边框的问题添加css属性,这样在点击安按钮的时候就不会有蓝色边框了。button{outline:none;}谷歌浏览器中button按钮的边框如何去除 - HTML/CSShttp://www.myexception.cn/HTML-CSS/1643495.html谷歌浏览器中button按钮的.转载 2020-09-04 15:22:22 · 2309 阅读 · 0 评论 -
html中 \r\n不识别解决方案
html 文本换行 \n 不换行 空格无效文本中直接用 \n ,无法换行,因为 html 不识别 \n,如果只是单纯的用 replace 把 \n 换成 <br/>,只能变成普通的字符串,也还是无法换行。解决方法有这么几种:1. 用 innerHTML = " ... " 或者 v-html 来把 <br/> 识别为 html node2. 在标签上套一个 <pre></pre>3. 设置 css 【推荐】// 合并空白符序列...转载 2020-06-22 16:46:00 · 11599 阅读 · 0 评论 -
数据库里的\n怎么变成换行,textarea提交的数据里有\n,读取的时候html不识别,怎么变成换行
只要在结果所在的 div 的 css 设置:white-space: pre-line;然后页面就能成功识别 '\n' 并整齐的显示结果了。 参考:https://www.jianshu.com/p/a580568e0055转载 2018-11-29 20:12:21 · 3203 阅读 · 0 评论 -
CSS 选择CSS黑科技user-select
user-select:none | text | all | elementnone:文本不能被选择text:可以选择文本all:当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素,那么被选择的部分将是以该子元素向上回溯的最高祖先元素。element:可以选择文本,但选择范围受元素边界的约束 说明:设置或检索是否允许用户选中文本。IE6-9不支持...原创 2018-08-10 17:55:18 · 449 阅读 · 0 评论 -
css画三角形
代码:<!DOCTYPE html><html><head><meta charset="utf-8"> <title>html css画三角形</title> <style> div{width: 0;height: 0;border-style: solid;borde原创 2018-06-12 15:23:27 · 248 阅读 · 0 评论 -
div内部的div margin-top 上层div动了 本身自身没动
代码如下解决方案.css_bug{width: 100%;height:1px;display: inline-block; }完美解决!原创 2017-06-23 23:14:48 · 649 阅读 · 0 评论 -
CSS常用精华锦集
CSS 字体text-transform: uppercase;可能的值值描述none默认。定义带有小写字母和大写字母的标准的文本。capitalize文本中的每个单词以大写字母开头。uppercase定义仅有大写字母。lowercase定义无大写原创 2017-06-09 15:01:53 · 488 阅读 · 0 评论 -
文本框获取焦点后出现的边框,怎么去掉
文本框获取焦点后出现的边框,怎么去掉其实这个不是边框,而是轮廓!用CSS 去掉轮廓就行了!outline:none属性定义及使用说明outline(轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。outline简写属性在一个声明中设置所有的轮廓属性。可以设置的属性分别是(按顺序):outline-color, outline原创 2017-06-17 11:17:26 · 8326 阅读 · 1 评论