资讯专栏INFORMATION COLUMN

css的再深入6(更新中···)

Bowman_han / 366人阅读

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

  1. background-position  雪碧图

我们的htmlcss中有三个属性可以向服务器发送请求,src href url

  1. 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)  cssmime类型是text/css jsmime类型是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-255background:rgb(12,15,16);

    opacity表示透明度 值是0-1

    

  rgba() rred 0-255 ggreen 值是0-255 bblue值是0-255 aopacity值是0-1

  但是ie低版本不支持

    

  rgbopacity  rgba的区别?

    前者的内容也跟着透明,后者的内容不跟着透明。(注:内容包含图片和文字)

    

 

    

 

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

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

相关文章

  • CSS的再一次深入更新···)

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

    Jackwoo 评论0 收藏0
  • css的再深入7(更新···)

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

    番茄西红柿 评论0 收藏0
  • css的再深入9(更新···)

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

    yexiaobai 评论0 收藏0
  • css的再深入8(更新···)

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

    chuyao 评论0 收藏0
  • CSS的再深入2(更新···)

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

    enrecul101 评论0 收藏0

发表评论

0条评论

Bowman_han

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<