css高级

作者: 莣忧草_3b53 | 来源:发表于2018-03-22 17:13 被阅读0次

css高度使用原则

1.尽量不自己定义高度,使用内容撑开高度。
2.一般的行高是1.5倍的字体大小。

绝对定位

absolute
1.不占用网页空间,浮动于网页之上的模块使用绝对定位。
2.浏览器最小字体12
3.绝对定位是相对其开启定位的最近的祖先元素进行定位的。
4.left:npx;左边距
   top:npx;上边距

css背景图

1.装饰性图片,使用背景图承载
2.内容性图片,用img标签
背景图设置
i:颜色:background-color: red;
ii:图片:background-image:url(地址);
iii:是否重复background-repeat:no-repeat(不重复)/repeat-x(x轴重复)/repeat-y(y轴重复)"
iv:背景位置background-position: apx bpx;
v:背景图片大小background-size:apx bpx;
vi:背景样式简写
background:颜色 url(地址) 重复 位置
vii:图标下载:注意:下载时一般大小为自己所需要大小的两倍

css抽离

1.建立css文件
2.链接<link rel="stylesheet" href="路径">

相关文章

  • CSS笔记

    CSS高级 CSS对齐 https://www.w3school.com.cn/css/css_align.asp...

  • 前端推荐书单

    CSS css世界 css揭秘 JavaScript JavaScript高级程序设计 你不知道的JavaScri...

  • css高级

    css高度使用原则 1.尽量不自己定义高度,使用内容撑开高度。2.一般的行高是1.5倍的字体大小。 绝对定位 ab...

  • CSS高级

    CSS 对齐CSS 尺寸CSS 分类CSS 导航栏CSS 图片库CSS 图片透明CSS 媒介类型CSS 注意事项C...

  • css高级

    HTML4 常用标签 HTML5 常用标签 语义化的好处 如何写出更优的 html 标签嵌套 内联元素:不能包含块...

  • CSS高级技巧

    双飞翼布局 什么是双飞翼布局呢? 事实上,圣杯布局其实和双飞翼布局是一回事。它们实现的都是三栏布局,两边的盒子宽度...

  • CSS高级(二)

    二级类目 使用嵌套ul 对第一层ul进行样式改变方法 1.添加class(代码重复)2.子代选择器父元素>子元素{...

  • CSS 高级技巧

    1.黑白图像 img{filter:grayscale(100%)} 2.使用:not()在菜单上应用/取消应用边...

  • CSS:高级技巧

    学习目标 理解能说出元素显示隐藏最常见的写法能说出精灵图产生的目的能说出去除图片底侧空白缝隙的方法 应用能写出最常...

  • CSS高级技巧

    1、CSS精灵技术 sprite 减少请求次数 合成一张大图片(精灵图,雪剪图)处理网页背景图像的方式 2、字体图...

网友评论

      本文标题:css高级

      本文链接:https://www.haomeiwen.com/subject/rknaqftx.html