博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
...
阅读量:5113 次
发布时间:2019-06-13

本文共 1623 字,大约阅读时间需要 5 分钟。

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类型,客户端和服务器之间的暗号,根据拓展名而定。

  <link  rel="shortcut icon"  href="favicon.icon"/>

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

2.Meta 元信息标签

 分析里面的属性

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

    阿里云矢量图库。

转义字符

      空格的字符 &nbsp;

4.项目的完整目录

       css        images        js           favicon.ico       index.thml

5.textarea{

    resize:none

}

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

6.table{

border-collapse:collapse;

}

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

7.

Font的简写

body{

  font:12px/150%  Arial, Verdana, "\5b8b\4f53;

  color:#666;

  background:#fff;

}

8.清除浮动的兼容性

.clearfix:after{

  content:" "

  display:block;

  clear:both;

  height:0;

  visibility:hidden;

}

.clearfix{

  *zoom:1;

}

清除浮动在低版本浏览器不行,需要处理兼容性加一个.clearfix{*zoom:1;}

9.光标的形状

cursor 光标属性值有 pointer 抓手,指针 wait help

10.rgb和rgba和opacity

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

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

#aa{

  width:100px;

  height:100px;

  background::rgb(15,26,222)

  opacity:.5;

  filter:alpha(opacity=50);

}

filter是ie低版本透明度兼容的写法

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

但是ie低版本不支持。

#aa{

width:100px;

  height:100px;

  background::rgb(15,26,222)

  opacity:.5;

  filter:alpha(opacity=50);

}

#bb{

  width:100px;

  height:100px;

  background :rgba(15,26,222,.5);

}

Rgb和opacity  与rgba的区别?

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

 

 

1.transparent  透明的

2.placeholder  提示语

写页面

  1. 搞清结构层次,
  2. 保证模块化,让他们之间不能受到影响

                (1)元素性质

                (2) 标准流

浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响,absolute和fixed带来的脱离文档流撑不起父级的高度,使用子元素设置高强制撑起父级。

 

转载于:https://www.cnblogs.com/LXW2002326/p/9787553.html

你可能感兴趣的文章
万能的SQLHelper帮助类
查看>>
tmux的简单快捷键
查看>>
[Swift]LeetCode922.按奇偶排序数组 II | Sort Array By Parity II
查看>>
Html5 离线页面缓存
查看>>
《绿色·精简·性感·迷你版》易语言,小到不可想象
查看>>
Android打包key密码丢失找回
查看>>
VC6.0调试技巧(一)(转)
查看>>
类库与框架,强类型与弱类型的闲聊
查看>>
webView添加头视图
查看>>
php match_model的简单使用
查看>>
在NT中直接访问物理内存
查看>>
Intel HEX 文件格式
查看>>
SIP服务器性能测试工具SIPp使用指导(转)
查看>>
回调没用,加上iframe提交表单
查看>>
(安卓)一般安卓开始界面 Loding 跳转 实例 ---亲测!
查看>>
Mysql 索引优化 - 1
查看>>
LeetCode(3) || Median of Two Sorted Arrays
查看>>
大话文本检测经典模型:EAST
查看>>
待整理
查看>>
一次动态sql查询订单数据的设计
查看>>