中国第三届css开发者大会怎么签到的

html-css029

中国第三届css开发者大会怎么签到的,第1张

背景图片是无法拉伸的 只能平铺,或者 上下 左右复制延伸

no-repeat: 即无论背景图片的大小, 只显示单个背景图片, 如首页的第一篇文章标题前的”NEW”图标, 代码如上所示

repeat: 指背景图片横向和纵向重复连续显示

repeat-x: 指背景图片横向重复连续显示

repeat-y 指背景图片纵向重复连续显示

两边拉伸的话可以,中间背景做一个渐变,两边使用单色平铺

由于css具备交互 层叠 动画等功能,可以使用css来绘制许多优美的画面,CSS像艺术家一样优雅,像工程师一样严谨。所以说css像艺术家

第五届CSS大会是袁川大佬在css大会首秀,利用css-doodle制作出了很多图案,属实惊艳。css-doodle可以帮助轻松的使用Custom Elements、Shadow DOM和CSS Grid创建任何你想要的图案(CSS 图案)。(注意:css-doodle组件到目前为止只在最新的Chrome和Safari浏览器上可以正常的运行。)

如果没判断错的话,备案那一块的css调用的应该是

body #ft .copyright .beian, body #ft .copyright .feedback { color: #737373font-family: Arial,SimSunmargin-left: 16pxpadding:0 16px 0 0background:url(../images/index_icon.png) 101px -131px no-repeat}

根据这段背景 background的写法判断,我估计备案的图标是整合在一个大图片上了,图片整合有好处也有坏处,我个人是不习惯整合的;你这里要修改的话,我给你几个修改方案:

1、background:url(../images/index_icon.png) 101px -131px no-repeat中的101px的数值改大一些,如果图片出现被隐藏一部分的情况,那么 padding:0 16px 0 0中padding-right的值也要改大一些;

2、直接把备案的这个图片单独切出来,大小大概是16*16px;然后背景background:url(../images/index_icon.png) 101px -131px no-repeat改为background:url(../images/index_icon.png) right center no-repeat控制文字与图标的距离的话就调整padding-right的值大小即可,现在这里样式设的值为16px,我觉得应该正好合适不用改