css教程
分类:
返回上级
推荐 综合 人气 评论 点赞
前端技术搜索 前端技术分类 前端技术首页
转:css属性大全
CSS 属性大全文字属性「字体族科」(font-family),设定时,需考虑浏览器中有无该字体。「字体大小」(font-size),注意度量单位。《绝对大小》|《相对大小》|《长度》|《百分比》(一般设置双数)「字体加粗」(font-weight),除了 normal(正常)、bold(

0评论2023-03-08386

转 Div+Css控制背景图片水平垂直居中显示 背景铺满全屏
在Web开发中我们经常要碰到这样的问题:在为一个页面设置背景图片之后往往希望图片能够在分辨率比较大的情况下水平垂直都居中显示。通常水平居中显示在Css中是很容易做到的,而垂直居中就需要使用一些Css的技巧:1. 首先为了能使得网站能够根据浏览器大小自适

0评论2023-03-08628

CSS Filter 代替 图片 实现 渐变背景效果。
以前欲做一个渐变的背景,一般都是用图片。一次偶然发现用CSS Filter 可以实现相同的效果,而最重要的好处是它可以省去你去下载图片所使用时间。htmlheadmeta http-equiv="Content-Type" content="text/html; charset=shift_jis"titleUntitled Document/t

0评论2023-03-08679

移动端css知识总结--字体,毛玻璃效果,input和disabled
移动端字体使用: font-family: Helvetica,sans-serif;我看这也是天猫使用的透过背景看其他元素模糊,自身元素不模糊:-webkit-backdrop-filter:saturate(180%) blur(20px);background: rgba(0,0,0,0.5);backdrop-filter:blur(px);模糊backdrop-filter:hue(d

0评论2023-03-08978

利用node压缩、合并js,css,图片 node 压缩
1.安装nodejshttp://nodejs.org/2.安装各自的node packagejs我用的是UglifyJS github地址:https://github.com/mishoo/UglifyJScss我用的是clean-css github地址:https://github.com/GoalSmashers/clean-css图片用的是node-smushit    github地址:https

0评论2023-03-08348

css3动画 --- 网站背景图片渐变且切换
!DOCTYPE htmlhtmlheadmeta charset="utf-8"titleCSS3全屏背景图片缩小渐变自动切换代码/title!-- link rel="stylesheet prefetch" href="http://fonts.useso.com/css?family=Raleway:300" --style type="text/css"*{margin:0;padding:0;}.slideshow

0评论2023-03-08678

ant design table td 超长时如何显示省略号 CSS实现单行、多行文本溢出显示省略号(…)
antd的table组件怎样合理控制每列宽度?table固定列的宽度,超出部分用…代替(针对普通table和antd)antDesign使用a-table时,设置某列的单元格内容不换行 CSS实现单行、多行文本溢出显示省略号(…)  

0评论2023-03-08864

CSS 属性大全
1. 文字属性「字体族科」(font-family),设按时,需推敲浏览器中有无该字体。 「字体大小」(font-size),重视怀抱单位。《绝对大小》|《相对大小》|《长度》|《百分比》(一般设置双数) 「字体加粗」(font-weight),除了 normal(正常)、bold(粗

0评论2023-03-08438

css属性设置-显示与隐藏、盒子阴影、固定定位
显示与隐藏!DOCTYPE htmlhtmlheadmeta charset="utf-8"title显示与隐藏/titlestylebody {margin: 0;}div {width: 200px;height: 200px;background-color: orange;font: 30px/200px 'Arial';color: red;text-align: center;margin: 0 auto;border-radius: 50%;

0评论2023-03-08937

纯css 实现菱形
直接代码!DOCTYPE htmlhtml lang="en"headmeta charset="UTF-8"meta name="viewport" content="width=device-width, initial-scale=1.0"meta http-equiv="X-UA-Compatible" content="ie=edge"title菱形/titlestyle.bo

0评论2023-03-08863

css之单行缩略..以及多行缩略 css单行居中多行居左
html单行缩略方法.oneline {white-space: nowrap; //强制文本在一行内输出overflow: hidden; //隐藏溢出部分text-overflow: ellipsis; //对溢出部分加上...}html多行缩略(主要针对webkit内核).multiline {display: -webkit-box !important;overflow: hidden;t

0评论2023-03-08391