使用_第5页_建站学习网

当前位置：建站学习网 > TAG标签 > 使用

使用CSS伪元素实现文字部分变色的方法

2016-12-23 114阅读

思路思路很简单，就是一个字写两遍，一个字只显示部分，不过不能真的把一个字写两遍。这里就需要用到CSS伪元素:before和:after，记住这个伪元素的伪字，表明它本来是不存在的。我们的方法就是在伪元素里放置相同的字符，只显示半个，而原字符显示另外一半，最后把它们拼成一个字。 CSS Code C...
使用CSS实现文字的竖排的简单方法

2016-12-23 95阅读

样式表的文字处理属性中有两个重要的属性：writing-mode和text-align。让我们先看看它们的用法： 1. writing-mode(设置对象书写方向) 语法：writing-mode : lr-tb、tb-rl 参数：lr-tb：从左向右，从上往下 tb-rl：从上往下，从右向左示例...
详解CSS3中@media的实际使用

2016-12-23 89阅读

语法： CSS Code复制内容到剪贴板 @media ： { sRules } 取值：：指定设备名称。 {sRules}：样式表定义。说明：判断媒介(对象)类型来实现不同的展现。此特性让CSS可以更精确作用于不同的媒介类型，同一媒介的不同条件(分辨率、色数等等). 代码如下: media...
CSS中对RGB颜色的使用详解

2016-12-23 104阅读

RGB颜色模型解释 RGB颜色模型就是一种描述某个颜色里面有多少红、绿、蓝三原色的量的方法，就像把水彩颜料或油彩颜料混合起来得到某种我们想要的真实色彩一样。想象下如果你要配出一个纯蓝色，为了实现这个，你就不能把红色和绿色放进这个颜色里。所以我们就把红、绿设置为0%，把绿设置为100%： CSS C...
使用CSS3实现选项卡切换的方法

2016-12-23 108阅读

:target是什么？ MDN是这样描述的：:target The :target pseudo-class represents the unique element, if any, with an id matching the fragment identifier of the URI o...
CSS3中的clip-path使用攻略

2016-12-23 107阅读

根据她的以往经验，这个网站的HTML和CSS是完全在她的能力范围以内，于是我帮助她完成了这个效果。显示nav被裁减的效果是一个不简单的任务，我看到图片的第一反应是创建一个相匹配的背景被部分裁剪的图像，然后把它设置为一个after元素。问题是，至少要解决响应式问题，并且响应式并不完全可控的。了解CS...
使用css实现全兼容tooltip提示框

2016-12-23 99阅读

最终效果图：基本原理先设定一个背景色的普通div盒子，然后使用上篇post得到的三角型图标，把div盒子设置为相对定位模式，三角型图标设置为绝对定位，位置相对于div盒子，调整到合适的位置。这样就得到一个基本的tooltip，但是没有边框看起来总是不舒服，我们可以给div盒子设置一个边框，这没什...
CSS实现段落首行缩进两个字符不再使用空格

2016-12-23 212阅读

想让段落前面空两个字的距离不使用空格了，text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字，感兴趣的朋友可以参考下，希望对大家有所帮助段落前面空两个
使用before和:after伪类制作css3圆形按钮

2016-12-25 118阅读

制作步骤: 一, head标签结构下面代码中使用了CSS3无前缀脚本prefixfree.js,可以省去CSS3中前缀-moz、-webkit、-o、-ms 代码如下: head meta charset=utf-8 titlebutton/title script src=js/jquery.j...
CSS3 transition规范的实际使用经验

2016-12-25 88阅读

关于具体解决方法或如何规避问题的意见可以参考另一篇非常有见地的文章，All You Need to Know About CSS Transitions。Alex MacCaw讲述的是关于实现特定的效果，而我要谈的是技术背景，主要讨论在使用CSS过渡的过程中所未预料到的问题。结构 (HTML)，表...

添加微信客服