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 · 506 阅读 · 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 · 3291 阅读 · 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 · 280 阅读 · 0 评论 -
less的类和方法
less的类和方法 1.在一个类中调另一个类 less1.lessa{ color:red}b{ .a;}编译后的 less1.cssa{ color:red}b{ color:red}1.在一个类中调一个方法 less1.lessa(){ color:red}b{ .a();}编译后的 l原创 2018-01-20 14:56:41 · 2480 阅读 · 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 · 591 阅读 · 0 评论 -
css处理最高行数和省略号显示
text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;原创 2019-04-11 17:17:58 · 482 阅读 · 1 评论