![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
w⃘⃘a⃘⃘v⃘⃘e⃘⃘子
这个作者很懒,什么都没留下…
展开
-
隐藏多余的文字
好几次做东西时都得去百度如何将文字隐藏起来并出现省略号这次主要是介绍一下关于如何隐藏超过范围内的文字overflow:hidden//当文本超出给定的范围时将内容隐藏text-overflow它表示当文字溢出时是否显示省略号,有两个值:**1、**clip:当对象内文本溢出时不显示省略标记(…)**2、**ellipsis:当对象内文本溢出时显示省略标记(…)white-space: ...原创 2020-02-06 17:44:04 · 196 阅读 · 0 评论 -
bootstrap栅格布局
因为是使用bootstrap进行布局,所以我们要先将bootstrap的文件以及所依赖的js脚本引入到我们的html中第一我们设置一个12等分的盒子,一个div为8,一个为4.然后将其划分为12个div为1的小格子 第二是将其分成4、5、3列第三将其实现一个推拉的效果第四,对格子进行嵌套第五,偏移在移动设备上看...原创 2020-01-19 16:15:55 · 225 阅读 · 0 评论 -
关于Bootstrap的初探索
我们在运用Bootstrap这个框架时,首先要去了解它的稳定版本以及现在的通用版本,目前很多解说视频都是推荐使用Bootstrap3版本。这是下载到电脑上的三个文件夹,里面还有几个对应的文件。今天我们说一下如何将其引入进自己所需的html文件中第一行代码是引入Bootstrap中的css文件,也就是css文件夹下的一个后缀为.css的一个文件,相当于引入一个外部的css代码库。当然这些都是别...原创 2020-01-12 11:24:01 · 184 阅读 · 0 评论 -
块、行元素
块元素:支持宽高,独占一行,内边距、外边距都能控制。宽度默认是100%,可以容纳内联元素和其他块元素。行元素:和相邻行内元素在一行上,不支持宽高,由内容撑开,但水平上的padding和margin可以控制,垂直无效。只能容纳文本和其他块行内元素。...原创 2019-03-31 12:11:11 · 107 阅读 · 0 评论 -
行内元素的转换
display:块转行内:display:inline;行内转块:display:block;块行内元素转换为行内快:display:inline-block。原创 2019-03-31 12:26:39 · 399 阅读 · 0 评论 -
制作凹凸文字
主要是利用文字阴影来实现这个效果可以看出凸起的字上方是白色,而下方是阴影而凹处的字上方是阴影,下方是白色代码代码代码如上所示,就可以制作出文字的凹凸效果...原创 2019-04-11 19:53:32 · 435 阅读 · 0 评论 -
关于盒子模型box-sizing的运用
box-zing是一个新属性后面可加:box-sizing:content-box;(表示盒子的宽度为width+padding+border的总和)box-sizing:border-box;(表示padding和border的宽度都包含在width之中,所以他不会变)下面是一段演示代码它生成的效果为使用border-box就不用考虑padding值的影响了...原创 2019-04-17 20:49:08 · 192 阅读 · 0 评论 -
关于文字和盒子阴影制作
文字阴影:text-shadow(水平位置 垂直位置 模糊距离 阴影颜色 /水平位置 垂直位置必须要/)以下是一个例子盒子阴影:box-shadow(box-shadow:水平位置 垂直位置 模糊距离 阴影尺寸 阴影颜色 内(inset)/外阴影(默认,无需设置))这个效果适合我们在做一些页面时,当鼠标放到一个盒子上时,内容浮起来,显示出阴影...原创 2019-04-24 19:50:50 · 171 阅读 · 1 评论