Html/Css
html/css/html5/css3
Sun Peng
这个作者很懒,什么都没留下…
展开
-
【css】css实现文字两端对齐效果:
【css】css实现文字两端对齐效果:原创 2023-12-12 18:41:34 · 1430 阅读 · 0 评论 -
【css】css奇数、偶数、指定数选择器:
【css】css奇数、偶数、指定数选择器:原创 2023-09-03 14:05:10 · 7329 阅读 · 0 评论 -
【Css】Less和Sass的区别:
【Css】Less和Sass的区别:原创 2023-09-01 19:24:30 · 1815 阅读 · 0 评论 -
【Css】css实现四角边框:
【Css】css实现四角边框:原创 2023-04-21 14:11:31 · 1026 阅读 · 2 评论 -
Css之table布局:
Css之table布局:原创 2022-11-22 19:22:12 · 6231 阅读 · 0 评论 -
css中的阴影、渐变:
css中的阴影、渐变:原创 2022-11-08 11:24:26 · 1747 阅读 · 0 评论 -
HTML常用特殊字符:
HTML常用特殊字符:原创 2022-11-03 09:55:37 · 181 阅读 · 0 评论 -
html5移动端实现禁止长按图片保存:
html5移动端实现禁止长按图片保存:原创 2022-10-31 15:39:11 · 1537 阅读 · 0 评论 -
Css实现省略号...及悬浮层显示全部内容的方法:
1、单行文本省略:overflow: hidden;//溢出隐藏white-space: nowrap;//禁止换行text-overflow: ellipsis;//...2、多行文本省略:display:-moz-box;//火狐display: -webkit-box;//谷歌-webkit-box-orient: vertical;-webkit-line-clamp: 3;//显示几行overflow: hidden;注:英文自动换行: word-wrap:break-原创 2022-01-13 21:34:28 · 34992 阅读 · 0 评论 -
Css之flex布局(弹性布局):
Css之flex布局(弹性布局):原创 2022-10-12 10:41:14 · 1417 阅读 · 0 评论 -
Css之grid布局(网格布局):
Css之grid布局(网格布局):原创 2022-10-12 09:55:12 · 515 阅读 · 0 评论 -
html和css中的奇淫巧技:
1、禁止 textarea 调整大小(缩放):<style> textarea{ resize: none; }</style>2、禁止图片img被选中:img{ user-select: none;}3、原创 2022-02-22 22:28:26 · 291 阅读 · 0 评论 -
Css实现两个摄像头对角(左上右下)布局:
Css实现两个摄像头对角(左上右下)布局:面试题原创 2022-06-09 14:39:47 · 350 阅读 · 0 评论 -
Css中实现文字强制不换行、超出自动换行:
1、文字超出自动换行:2、实现文字垂直居中且自动换行:<style>.box{ width:30px; height:60px; display:table;}.wrap{ display:table-cell; verical-align:middle;}</style><div class="box"> <div class="wrap"> 1111111111111111111 </div>&l原创 2022-03-28 17:17:29 · 30227 阅读 · 0 评论 -
html中display:none 与 visibility:hidden 的区别:
display : 隐藏对应的元素但不挤占该元素原来的空间。visibility: 隐藏对应的元素并且挤占该元素原来的空间。即是使用 CSS display:none 属性后,HTML 元素(对象)的宽度、高度等各种属性值都将 “丢失”;而使用 visibility:hidden 属性后,HTML 元素(对象)仅仅是在视觉上看不见(完 全透明),而它所占据的空间位置仍然存在。...原创 2022-01-13 21:44:54 · 633 阅读 · 0 评论 -
CSS 中 link 和@import 的区别是:
Link 属于 html 标签,@import 是 CSS 中提供的(1)在页面加载的时候,link会同时被加载,而@import引用的CSS 会在页面加载完成后才会加载引用的 (2)CSS@import只有在ie5以上才可以被识别,而link是html标签,不存在浏览器兼容性问题(3)Link引入样式的权重大于@import的引用(@import是将引用的样式导入到当前的页面中)...原创 2022-01-13 21:48:15 · 209 阅读 · 0 评论 -
【css】解决image图片拉伸问题:
【css】解决image图片拉伸问题:原创 2022-07-24 10:02:21 · 3640 阅读 · 0 评论 -
Css改变鼠标样式:
1、使用:cursor : auto | crosshair | default | hand | move | help | wait | text | w-resize |s-resize | n-resize |e-resize | ne-resize |sw-resize | se-resize | nw-resize |pointer | url (url)2、图片说明:3、解释:原创 2022-02-24 15:54:42 · 564 阅读 · 0 评论 -
Css实现圆环:
Css实现圆环原创 2022-07-15 19:46:49 · 1638 阅读 · 0 评论