css字体主题的文章列表，还有css字体的技术要点_第132页

bootstrap-Glyphicons 字体图标

使用的方法：1引入 font-awesome.css文件2fonts文件夹 Bootstrap假定所有的图标字体文件全部位于 ../fonts/ 目录内（可以在font-awesome.css修改fonts的路径）3通过class使用图标字体例如： <...

IT猿 ·2020-03-27

css 样式引入的方法 link 与import的区别

IT猿 ·2020-03-27

字体的设置 REM EM PX

px1一般设置页面的字体使用px2优点：字体设置比较稳定和精确3缺点：他会修改用户浏览器中的字体大小EM相对于父元素的字体大小，字体大小不确定，容易混乱,“em”是相对于其父元素来设置字体大小的，这样就会存在一个问题，进行任何元素设置，都有可能需要知道他父元素的大小，在我们多次使用时，就会带来无...

IT猿 ·2020-03-27

css content

beforeafterdemodiv1:after{conent:"天假额外的文字"}<aclass="div1"href="http://www.baidu.com"></a>div1:after{content:attr(href)}注意：当使用attr()获取标签属性名的时候，千万不要添加...

IT猿 ·2020-03-27

css 实现元素四角图片样式，元素的大小不定

demo效果cssbody{margin:0;}.popupp{margin-bottom:20px;margin-left:200px;}.popuppspan{display:inline-block;}.popuppspan.popup-a{padding-left:6px;background:url("ima...

IT猿 ·2020-03-27

css3 vw -----解决页面滚动出现跳动的bug

100vw相对于浏览器的window.innerWidth，是浏览器的内部宽度，注意，滚动条宽度也计算在内！而100%是可用宽度，是不含滚动条的宽度。demo：h1{font-size:8vw;}如果视口的宽度是200mm，那么上述代码中h1元素的字号将为16mm，即200/100*8mmCSS3计算calc和vw单位...

IT猿 ·2020-03-27

css计数器

css计数器是css3，只在现代浏览器中有效果counter-reset：设置某个选择器出现次数的计数器的值。默认为0。就是定义一个计数器，可以定义初始值，默认是0counter-increment：设置某个选取器每次出现的计数器增量。默认增量是1。democss实现计数和cssbody{margin:0;counte...

IT猿 ·2020-03-27

【CSS】如何设置行距、段落间距、缩进格式

在使用MarkDownHere的时候，需要利用CSS编辑各个段落的格式，本文记录了CSS中编辑格式的各个属性及其设置。行距行距一般使用line-height:value;来表示，比如要设置行距为2则可利用下面的属性：line-height:2em;其中em为相对当前元素的大小,同时也可以使用pxpt为单位设置,互相转换...

IT猿 ·2020-03-27

CSS的三种样式：内联式，嵌入式，外部式以及他们的优先级

从CSS样式代码插入的形式来看基本能够分为下面3种：内联式、嵌入式和外部式三种。1：内联式css样式表就是把css代码直接写在现有的HTML标签中，如以下代码：<pstyle="color:red";font-size:12px>这里文字是红色。</p>2:嵌入式，嵌入式cs...

IT猿 ·2020-03-27

css设置不可复制

-moz-user-select:none;/*Firefox私有属性*/-webkit-user-select:none;/*WebKit内核私有属性*/-ms-user-select:none;/*IE私有属性(IE10及以后)*/-khtml-user-select:none;/*KHTML内核私有属性*/-o-...

IT猿 ·2020-03-27

CSS3 三次贝塞尔曲线(cubic-bezier)

例子：transition:all1scubic-bezier(.21,.2,.65,.1)最近在看animation模块，其中animation-timing-function和transition-timing-function两个属性来控制动画速度分别提供了ease，liner，ease-in，ease-out，...

IT猿 ·2020-03-27

CSS实现单行、多行文本溢出显示省略号（…）

如果实现单行文本的溢出显示省略号应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。实现方法：overflow:hidden;text-overflow:ellipsis;white-space:nowrap; 但是这个属性只支持单行文本的溢...

IT猿 ·2020-03-27

利用CSS3选择器实现表格的斑马纹

要用到的Css3选择器element:nth-child(number){}选择器匹配属于其父元素的第number个子元素参数Numberodd奇数even偶数W3School介绍:http://www.w3school.com.cn/cssref/selector_nth-child.asp　　完整demo:<...

IT猿 ·2020-03-27

LINUX CentOS7安装字体库

2017年12月26日17:06:07 q260996583 阅读数：4866更多个人分类： linux JAVA画图时常用到Font类对象这样的对象依赖于本地的字段。新装的linux没有安装字段库，和相应的字体。 1、fc-list查看字体库发现没有安装2...

IT猿 ·2020-03-27

CSS学习笔记

07年的一篇blog，转到这个博客上1、要想元素相对于父元素决对定位，则父元素必须定位设置成relative。2、要想width属性跨浏览器可用，则需要设置该元素的float属性。3、父元素设置float或添加clear元素以试float元素的父元素能够有正确的空间。 4、a:linkvisitedhover...

IT猿 ·2020-03-27