CSS - 分享生活和学习中的点点滴滴

前端技术 2023/09/02 CSS

在自行设置的div或者其他标签中，为了更好的体验效果，会将在滑动过程中，将鼠标变为手势简单总结下css对应的样式。所在的div中，添加cursor:pointer即可。示例： CSS Code复制内容到剪贴板 <div id=\"doPrint\" style...

前端技术 2023/09/02 CSS

ont:字体粗细字体大小/行高字体样式例子：复制代码代码如下: font: bold 12px/18px Arial, Helvetica, sans-serif ;

前端技术 2023/09/02 CSS

RGBa是一种在CSS中声明包含透明效果的颜色的方法，它的语法是这样的：复制代码代码如下: div { background: rgba(200, 54, 54, 0.5); } 它允许我们为元素添加透明色。或许我们习惯了使用”opacity“，它很简单易用，...

前端技术 2023/09/02 CSS

当一行文字超过DIV或者Table的宽度的时候，浏览器中默认是让它换行显示的，如果我们不想让他换行显示那要怎么办呢？看到这个标题很容易就会想到截断文字加“...”的做法。一般的文字截断(适用于内联与块)： ==============CSS==========...

前端技术 2023/09/02 CSS

W3C标准中对css3的transition这是样描述的：“css的transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。” transition属性的值包括以下...

前端技术 2023/09/02 CSS

我们老是在想着怎么提升自己的水平，但是实际上的行动却很少，大师都说是要每天码一点点代码的，那么要怎么做到动手实践码代码呢？我就想有时候我们自己在欣赏别人的网站的时候，是不是就会想说看到某个模块非常的美观简洁，那么是不是就可以自己动手写下来呢？不懂的时候我们就使用...

一波CSS+Div实用技巧小结

前端技术 2023/09/02 CSS

正如多数人的认知一样，HTML和CSS并不难学难用，从学习曲线上来说确实如此，难度甚至不如使用VIM。但是写不写得好又是另一回事，好的CSS代码能用最少的代码量实现功能，易修改且性能佳。易修改，举个最简单的例子，比如要求修改一个div的高宽且保持其子div自适应高宽，若是写死了...

前端技术 2023/09/02 CSS

在CSS中，我们可以通过下面的样式实现DIV元素中文本超长后自动截断并以省略号结尾：复制代码代码如下: overflow: hidden; word-break: normal; text-overflow: ellipsis; text-overflow: ...

前端技术 2023/09/02 CSS

用纯css3无js实现的Android Logo，带有简单的动画，主要运用css3的transform,transition html代码如下：复制代码代码如下: <div class=\"android\"> <div class=\"he...

前端技术 2023/09/02 CSS

我们在做导航（nav）时，通常会用到float：left;但是这样做的话，让导航文本水平居中确实个麻烦事；分析如下： [float:left]有个伟大之处，它使div（或者其他标签）的宽度自适应其内容，但它却有个弊端：无法居中。 [display:inline...

关闭

我的博客