9月27日html5前期知识点

本文深入讲解前端开发中关键技巧,包括HTML元素图标设置、CSS样式调整、文本域及表格优化等,探讨了兼容性问题解决方案,如清除浮动、透明度控制,并介绍了RGB与RGBA色彩模型的差异。

9.27

1、怎样给title前加小图标?

<link rel="short icon"  href="favicon.ico"/>

☆link有哪些属性:rel  href  type

(1)rel是当前页面和url之间的关系  rel="stylesheet"

(2)type是资源文件的mime类型

html文件的mime类型是text/html

图片文件的mime类型是image/jpg(png/gif)

css文件的mime类型是text/css

js文件的mime类型是text/JavaScript

(3)mime类型:客户端与服务端之间的暗号,根据拓展名而定

2、meta,元信息:分析属性

3、转义字符

4、一个项目的完整目录

5、文本域  textarea(双标签)

textarea{

resize:none;(此属性是文本域不被人为拉伸)

6、表格 table (双标签)

table{

  border-collapse:collase;则此属性是使表格的边框变细

  }

7、光标的形状,即鼠标扫过光标的形状

cursor属性

常用的属性值

pointer 抓手

wait 等待

8、关于清除浮动的低版本浏览器兼容性

.clearfix:after{

      content:;

      clear:both;

      display:block;

      height:0;

      vislibility:hidden;

      }

.clearfix{

    *zoom:1;

  }

10、rgb / rgba  /opacity

rgb()颜色 的表示方法值是0-225

如 background:rgb(15 , 22,12);

opacitiy 透明度 值为0-1

rgba()同rgb

如background:rgba(13,12,11, 0.5)

☆ 解决低版本浏览器透明度的兼容性

opacity:0.3;

filter:alpha(opacity=50);

☆rgb  opacity和rgba的区别

即前者的内容也跟着背景会变透明,而后者不会

 

转载于:https://www.cnblogs.com/diwangkaige/p/9720802.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值