css的再深入6（更新中···）

Bowman_han 发布于2019-04-23 13:19 / 289人阅读

摘要：宋体雪碧图宋体我们的宋体和宋体中有三个属性可以向服务器发送请求，宋体。宋体类型，客户端和服务器之间的暗号，根据拓展名而定。注内容包含图片和文字

background-position 雪碧图

我们的html和css中有三个属性可以向服务器发送请求，src href url。

overflow

　　(1) 值hidden 超出就隐藏

　　(2) 值scroll 出现滚动条

　　visibility:hidden; 可见的（消失但是占用位置）

　　display:none;消失但不占用位置

为什么使用雪碧图？

　　因为我们使用雪碧图之后，本来需要多次请求的图片，我们一次就请求过来了，然后使用background-position调位置，从而减少了该页面向服务器请求的次数，间接的优化了该页面的性能。

1.如何实现浏览器title中的小图标

　　我们需要借鉴link标签

　　link标签的标签属性有哪些？ rel type href

　　rel 是当前页面和url之间的关系 rel=”stylesheet”

　　type 是资源文件的mime类型 .html文件mime类型是text/html 图片的mime类型

　　image/jpg(png/gif) css的mime类型是text/css js的mime类型是text/javascript。

　　mime类型，客户端和服务器之间的暗号，根据拓展名而定。

　　title中的小图标就出来了，href这里不能写成 ./

2.meta 元信息标签

　　　　分析里面的属性

3.矢量图标 http://www.iconfont.cn/

　　　　阿里云矢量图库。

　　转义字符

　　　　空格的字符

4.项目的完整目录

5. textarea{

　　　　resize: none;

}

这个属性不让文本域被人为拉伸

6.table{

border-collapse: collapse;

}

这个属性让表格的边框变细

7.font的简写

8.清除浮动的兼容性

　　清除浮动在低版本浏览器不行，需要处理兼容性：

　　加一个.clearfix{*zoom:1;}

9.cursor 光标属性值有

　　pointer 抓手　　指针 wait help

10.　　rgb()颜色的表示方法值是0-255如background:rgb(12,15,16);

　　　　opacity表示透明度值是0-1；

　　rgba() r是red 0-255 g是green 值是0-255 b是blue值是0-255 a是opacity值是0-1；

　　但是ie低版本不支持

　　rgb和opacity 与rgba的区别？

　　　　前者的内容也跟着透明，后者的内容不跟着透明。（注：内容包含图片和文字）

专线服务混合云 cdn183 183是移动还是联通更新中 css中

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/1712.html

CSS的再一次深入（更新中&#183;&#183;&#183;）

全面我们学了6个选择器，今天再来学习两个选择器，分别是通配符选择器和并集选择器： 1.通配符选择器：　　*{ } 表示body里所有的标签都被选中 2.并集选择器: 选中的标签之间用逗号隔开，表示这几个标签都被选中 *选择器有好处也有弊端好处就是省事，弊端，就是因为太省事了，加大了浏览器的负荷。解决办法按需选择。再来学习几个列表标签 1.无序列表 ul （1）内部必须有子标...

Jackwoo 2019-04-23 13:21 评论0 收藏0
css的再深入7（更新中&#183;&#183;&#183;）

摘要：宋体可以继承的属性有哪些宋体系列宋体系列宋体的值的问题宋体四个值的顺序是宋体左上宋体右上宋体右下宋体左下。宋体在宋体下宋体为负让元素居中，前提是知道元素的宽高。宋体如宋体正常状态宋体宋体设值时1.transparent 透明的 2.placeholder 提示语写页面搞清结构层次，保证模块化，让他们之间不能受到影响 (1)元素性质 (2)标准流浮动带来的脱离文档流撑不起父级的高度...

番茄西红柿 2019-04-23 13:18 评论0 收藏0
css的再深入9（更新中&#183;&#183;&#183;）

摘要：宋体二宋体浏览器浏览器和浏览器之间是由差距的，这个差距是由浏览器自身的内核决定的。宋体每个浏览器都有自己的前缀，主要解决宋体中的兼容问题。宋体是弹性子元素在弹性容器中所占的份数。一单位 1.px 就是一个基本的单位像素 2.em 也是一个单位用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。 3.rem 也是一个单位，...

yexiaobai 2019-04-23 13:18 评论0 收藏0
css的再深入8（更新中&#183;&#183;&#183;）

摘要：宋体去滚动条的属性宋体水平超出的隐藏。往往需要设置宋体为宋体滚动标签他身上所具有的功能有标签属性决定。1.去滚动条的属性 overflow:hidden; 　　overflow-x:hidden; 水平超出的隐藏。 2.z-index 层次叠加元素重叠谁的值大谁在上面　　(1) 父级出现position:relative；时候z-index失效　　(2) 层叠元素出现float的时候...

chuyao 2019-04-23 13:18 评论0 收藏0
CSS的再深入2（更新中&#183;&#183;&#183;）

摘要：层叠行选不中的情况下，走继承性。继承性的权重为。选中情况下，首先需要考虑权重的问题，谁的权重大，就选谁的样式属性。如果权重相同，因为后者会覆盖前者，所以谁的样式属性在后面，就选择谁的样式属性。在上一章中，我们又引出了一个知识点： margin的问题 margin：0 auto；（上下为0，左右自适应）会解决元素的居中问题（auto 自适应）前提是给这个元素设置width 同时，我们又要学习新...

enrecul101 2019-04-23 13:20 评论0 收藏0