前端资源网 - w3h5设置 letter-spacing 后文字不能居中的解决方法
3Deshun 发布于 7年前 (2018-06-05) 10785℃ 评论(0) 赞 (25)
今天才发现，给文字设置 letter-spacing 再设置 text-align: center; ，文字会整体往左偏移，不能居中。 给文字嵌套了一个 span 标签，再选择文字可以看出，letter-spacing 给每个字的右边都加了一个间距。设置居中的...
HTML笔记
css的cursor属性 鼠标指针样式
Deshun 发布于 7年前 (2018-05-31) 6941℃ 评论(0) 赞 (3)
cursor 属性规定要显示的光标的类型（形状），该属性定义了鼠标指针放在一个元素边界范围内时所用的光标形状（不过 CSS2.1 没有定义由哪个边界确定这个范围）。默认值：auto；继承性：yes；版本：CSS2；JavaScript 语法：object.style.cursor="crosshair"；所有主流浏览器都支持 cursor 属性。注释：Opera 9.3 和 S...
CSS 选择器 nth-child 的几种用法
3Deshun 发布于 7年前 (2018-05-26) 16931℃ 评论(0) 赞 (9)
在开发过程中，会碰到一些选择器的需求：例如使列表中的第一项或者最后一项显示不同的样式 、列表中的奇数或者偶数项显示不同的背景色 . . . 等等。我们可以通过 CSS 来实现这样的效果，CSS 给我们提供了几个样式参数：first-child、last-child、n...
html CSS引用字体文件
Deshun 发布于 7年前 (2018-05-16) 11964℃ 评论(0) 赞 (6)
有的网站字体，用户电脑上没有，如果只是单纯的定义 font-family 是不起效的。我们可以将字体文件放置在网站目录，直接引入，这样即使用户电脑上没有该字体也能自动加载。设置方法如下：css 代码：自定义字体@font-face { font-family: 'MyFont'; /*字体名称*/ &...
HTML img src图片路径不存在，则显示一张默认图片的方法
4Deshun 发布于 7年前 (2018-04-27) 18942℃ 评论(0) 赞 (12)
我们一般会给图片设置 alt 属性，当图片路径不存在时可以显示提示文字。<img src="" alt="图片加载失败">如图所示：但是这样很不好看，如果用在文章列表，我们可以给 img 标签设置一个 one...
阿里巴巴矢量图标库 iconfont 的使用方法
7Deshun 发布于 7年前 (2017-12-20) 10271℃ 评论(0) 赞 (3)
做设计的应该会知道“阿里巴巴矢量图标库”这个网站，你可以上传自己设计的图标，也可以下载别人分享的图标。作为前端，我们也可以更好的利用它，实现网站图标的美化。首先找到你需要的图标并加入库：三个按钮分别是 加入库、加入收藏和下载点击下载按钮后会弹出一个窗口，你可以调整任意颜色和尺寸，...
jquery导航栏点击及页面跳转后对应栏目添加选中效果
1Deshun 发布于 7年前 (2017-12-19) 7370℃ 评论(3) 赞 (3)
导航栏点击添加选中样式是比较好实现的，点击后添加一个 .active 再给它设置一个样式就可以了。html代码：<header> <div class="navbar-nav&quo...
html中引入调用另一个公用html模板文件的方法
1Deshun 发布于 7年前 (2017-11-15) 49918℃ 评论(8) 赞 (13)
最近写网页的时候，发现页面都是用的同一个header头部、aside侧边栏和footer页脚，那么为什么不把这些写成一个模板文件，在页面中直接引入呢？这样还方便后期的修改维护。查了一下资料，发现html中引入调用另一个html的方法有很多种，我都尝试了一下，就把他们都列出来吧：其...
利用css中的伪类 给元素设置特殊样式效果
Deshun 发布于 7年前 (2017-11-09) 2948℃ 评论(0) 赞 (1)
code_ds{ display: inline-block; position: relative; width:200px; height: 30px; text-align: center; line-height: 30px; font-size: 22px;...
CSS3中元素背景的 gradient 渐变属性
Deshun 发布于 7年前 (2017-11-08) 2764℃ 评论(0) 赞 (0)
前段时间我写过一篇：CSS中background属性总结 整理了background的常用属性。在CSS3中 background-image 还有一个 gradient 属性——渐变。渐变大体分两种：1、线性渐变：linear-gradient线性渐变的用法是：linear-gradient(direction方向/角度,color1,color2......);单向渐变：从一个水平或者垂直方向...