css
miao_zz
起风了,唯有努力生存。
我还在学习,欢迎大家指教,我们可以互相讨论;我写的东西有时候理解比较浅,我只是把CSDN作为我学习的一个工具,防止学的东西忘了,有错误欢迎大家指出,谢谢。
展开
-
学习探索-3d轮播卡片
3d轮播卡片原创 2022-07-25 18:12:06 · 233 阅读 · 0 评论 -
学习探索-波浪
学习原创 2022-07-22 15:29:44 · 70 阅读 · 0 评论 -
学习探索-3D分割图片效果
3D分割图片效果原创 2022-07-17 18:28:12 · 187 阅读 · 0 评论 -
学习探索-鼠标悬停图片旋转堆叠效果
鼠标悬停图片旋转堆叠效果原创 2022-07-17 17:36:09 · 204 阅读 · 0 评论 -
学习探索-粘性定位
粘性定位原创 2022-07-14 14:22:42 · 129 阅读 · 0 评论 -
使用css3制作正六面体
通过css3制作正六面体原创 2022-07-12 17:34:01 · 318 阅读 · 0 评论 -
学习探索-使用css的伪类实现复选框样式修改
使用css的伪类实现复选框样式修改原创 2022-07-05 15:33:51 · 253 阅读 · 0 评论 -
学习探索-使用伪元素清除浮动元素造成的高度坍塌
使用伪元素清除浮动元素造成的高度坍塌原创 2022-07-05 14:57:47 · 107 阅读 · 0 评论 -
通过css设置菜单显示滚动条不换行
通过css设置菜单显示滚动条不换行<view class="orderManage-header-ul"> <template v-for="item in orderStateList"> <view class="orderManage-header-li" :class="{ currentStyle: currentState == item.code }" :key="item.id" @click="chooseOrderStateHandl原创 2022-01-12 14:38:25 · 828 阅读 · 0 评论 -
通过css3制作正方体
通过css3制作正方体<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style type="text/css"> *{ padding: 0; margin: 0; box-sizing: border-box; } .faceWrap{ width: 120p原创 2021-12-22 11:00:24 · 121 阅读 · 0 评论 -
通过css设置标签内文字均匀分布
通过css设置标签内文字均匀分布text-align: justify;text-justify: distribute-all-lines;text-align-last: justify;原创 2021-12-01 17:28:55 · 6896 阅读 · 0 评论 -
如何通过css强制文字换行
如何通过css强制文字换行1,word-break:break-all允许在单词内换行。给定div宽,字符超过指定宽度就会自动换行。如果该行末端有个英文单词很长(confidence等),它会把单词截断,变成该行末端为con(confidence的前半部分),下一行为fidence(fidence的后端部分)。2,word-wrap:break-word允许长单词换行到下一行。例子与上面一样,但区别就是它会把confidence整个单词看成一个整体,如果该行末端宽度不够显示整个单词,它会自动把整个单原创 2021-08-26 15:37:07 · 4913 阅读 · 0 评论 -
使用css3属性设置字体大小小于12px
使用css3属性设置字体大小小于12px因为浏览器的限制,网页上的字体最下只能设置12px,因此我们要设置12px以下的字体大小,可以通过scale缩小,如图:.fontSizeStyle12{ font-size: 12px; }.fontSizeStyle10{ font-size: 10px; }.fontSizeStyle10Scale{ font-size: 20px; transform: scale(0.5); transform-o原创 2021-05-05 23:58:24 · 1688 阅读 · 2 评论 -
通过css设置弹性盒子内的多个元素如何占满盒子的全部空间
通过css设置弹性盒子内的多个元素如何占满盒子的全部空间如果只知道一个元素的宽度,其他元素的宽度不知道:如果只知道一个元素的宽度,其他元素的宽度不知道:.box { border: 1px solid blue; width: 600px; display: flex; flex-direction: row; padding: 10px 10px; } .boxModel { border: 1px solid red; wi原创 2021-04-28 10:01:36 · 3947 阅读 · 0 评论 -
通过css使div标签居中显示
通过css使div标签居中显示不知道标签的宽度高度时:知道标签的宽度,高度时:知道一个大盒子的宽度,高度,在大盒子内设置小盒子居中:不知道标签的宽度高度时:.box { border-radius: 5px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: rgba(0, 0, 0, 0.4); padding:原创 2021-04-26 16:25:57 · 153 阅读 · 0 评论 -
css中关于盒子模型的简单了解
css盒子模型什么是盒子模型?元素的设置的宽高度和设置padding,margin时,实际页面显示的大小,通过实际代码比较:什么是盒子模型?CSS盒模型本质上是一个盒子,封装周围的HTML元素,它包括:边距,边框,填充,和实际内容;即:Margin(外边距) - 清除边框外的区域,外边距是透明的。Border(边框) - 围绕在内边距和内容外的边框。Padding(内边距) - 清除内容周围的区域,内边距是透明的。Content(内容) - 盒子的内容,显示文本和图像。元素的设置的宽高度和设原创 2021-04-23 16:53:46 · 125 阅读 · 0 评论