![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
5649498
这个作者很懒,什么都没留下…
展开
-
css3结构伪类选择
一、first-child<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style> /*含有li元素的第一个li元素*/ li:last-child{ backgr原创 2017-02-04 19:59:08 · 480 阅读 · 0 评论 -
@face-font调用服务器字体
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>服务器字体</title> <style> /* 调用服务器字体,自定义font-family,然后再利用src属性的url方法调用文件*/ @font-face{ src:url("AC_Fil原创 2017-02-06 19:57:56 · 3232 阅读 · 0 评论 -
box-sizing定义元素的盒类型
box-sizing属性定义了元素盒模型的类型,有两个属性值,一个是默认值为content-box,这时元素的宽高为:width+padding+margin、height+padding+margin。但是如果把box-sizing的属性值设置为border-box那么元素的宽高为就为width属性值、height属性值,因为box-sizing设置为border-box它会把你设置的paddin原创 2017-02-07 19:23:47 · 264 阅读 · 0 评论 -
less的类和方法
less的类和方法 1.在一个类中调另一个类 less1.less a{ color:red } b{ .a; } 编译后的 less1.css a{ color:red } b{ color:red } 1.在一个类中调一个方法 less1.less a(){ color:red } b{ .a(); } 编译后的 l原创 2018-01-20 14:56:41 · 2446 阅读 · 0 评论 -
媒介查询
媒体查询 /* 例子:min-width:600px,max-width:600px 具体含义,max-width:屏幕宽度小于600时做用(+,600)) min-width:屏幕宽度大于600时做用(600,+) */ 下面就是屏幕高度小于600时起做用的样式 (+,600)区间 @media screen and (原创 2018-01-20 14:52:27 · 548 阅读 · 0 评论 -
css处理最高行数和省略号显示
text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;原创 2019-04-11 17:17:58 · 437 阅读 · 1 评论