码迷,mamicode.com
首页 > Web开发 > 详细

关于网页的一些内容

时间:2018-10-11 01:45:41      阅读:175      评论:0      收藏:0      [点我收藏+]

标签:wrap   需要   高度   rgba   自适应   src   标准   size   兼容性   

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

技术分享图片

我们需要借鉴link标签

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

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

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

  image/jpg(png/gif)css的mine类型是text/css js的类型是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 和rgba和opacity

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

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

技术分享图片

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

但是ie低版本不支持。

技术分享图片

rgb和opacity与rgba的区别?

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

11.transparent   透明的

12.placeholder    提示语

写页面

1.   搞清结构层次;

2.    保证模块化,让他们之间不能受到影响

  (1)  元素性质

  (2) 标准流

浮动带来的脱离文档流撑不起父级的问题可以用清除浮动的方式消除影响,

absolute和fixed带来的脱离文档流撑不起父级的高度。使用元素设置高强制撑起父级

 13. css可以继承的属性有哪些?

  font系列 text系列 color line-height

14.border-radius的值的问题

技术分享图片

四个值的顺序是 左上 右上 右下 左下。

15.    white-space  规定段落中的文本换不换行      往往值是powrap不换行

16.  word-wrap属性允许长的内容可以自动换行  属性值是break-word允许  默认是不允许

17.  写三角形

技术分享图片

宽高必须是0

6.margin对布局的影响    双飞翼布局  圣杯布局  ()

技术分享图片

margin是 外边距,属性是数字   数字分为正负。

正数:margin:20px;

负数:在static元素中(标准流下)margin-left为负数当前元素向左走 margin-top为负数当前元素向上走

margin-bottom为负数后当前元素不动后面的元素向上走,margin-right为负数当前元素不动

后面的元素向左走

  注意的,margin为负数会增大当前的宽(前提是当前元素没有width)

  场景

  技术分享图片

  技术分享图片给ul一个margin-right就无形之中给ul加了20px宽度

  技术分享图片

  在float下

     margin为负   也是我们常用的双飞翼,圣杯布局

    中间自适应   两端固定

    给元素margin-left为负当前元素向左走。margin-right为负后一个元素一个元素向左走会覆盖当前元素。

在absolute下

  margin为负

  让元素居中,前提是知道元素的宽高。

  div{

    position:absolute;

    left:50%;

    right:50%;

    margin-left:-width/2;

    margin-top:-height/2;

}

margin为负无论在什么条件下都是释放自己的空间,如果自己的margin不够,就把自己的宽高贡献出去。

 

关于网页的一些内容

标签:wrap   需要   高度   rgba   自适应   src   标准   size   兼容性   

原文地址:https://www.cnblogs.com/guhuai/p/9769912.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!