1.新点击的网页，在浏览器导航上显示图标：

像这种效果：

  <head>

      <meta charset="UTF-8">

     <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">

     <title>标题</title>

    <link rel="shortcut icon" href="图片路径">

 </head>
只需在head里插入“<link rel="shortcut icon" href="图片路径"> ”。

2.专业术语叫“float引起的div自适应高度无效的解决方案”，其实就是当div无高度时，你要试着清除浮动：

 .clear

 {

     clear:both;

 }

3.文字环绕图片

<p><img src="图片相对路径" width="239" height="227"  alt="" style="float:right;"  /> 文字<br>另分段的文字</br>文字</p>

即width="239" height="227"必须有，style="float:right;" 控制放哪边（记得下一步清除浮动，可能不清也没事，以实际情况为主），<br>另分段的文字</br>可实现分段。

4.字体加粗：

　　1、在html对对象直接加粗可以用<b>或<strong>对其加粗
　　2、使用CSS加粗对象可以使用font-weight:bold即可实现加粗。

5.把div按百分比分了：

 <div>

 <div id="main" style="width:800px;  height:400px;">

 <div id="left" style="float:left ;  width:50%;  height:100%;"></div>

 <div id="right" style="float:left ;  width:50%; height:100%;"></div>

 </div>

6.对已有的不合适的class，针对特定的标签进行修改：（以a标签的hover事件为例）

 $(".对应标签的类名").hover(function () {

     $(".对应标签的类名").css("background-color", "transparent");

     $(".对应标签的类名").css("text-decoration", "underline");

 }, function () {

     $(".对应标签的类名").css("background-color", "transparent");

     $(".对应标签的类名").css("text-decoration", "none");

 });

html小知识点汇总（浏览器导航上显示图标、div无高度时试着清除浮动、文字环绕图片、字体加粗、div按百分比分、已有的不合适的class，针对特定的标签进行修改）的更多相关文章

  1. 在linux桌面上显示图标

    把应用程序的图标添加到桌面上 左图显示了把应用程序的图标添加到桌面上的两种方法,哪种更好看? 想要把应用程序图标添加到桌面上,请先确保已设置了在桌面上显示图标,方法是: 1.安装gnome-tweak ...

  2. easyui-tabs图标（获取焦点时显示图标，失去焦点时隐藏图标）

    获取焦点时显示图标,失去焦点时隐藏图标 <script type="text/javascript"> $('#_progress').tabs({ onSelect: ...

  3. android TabLayout设置选中标签字体加粗功能

    实现 TabLayout 选中tab标签字体加粗功能如下: xml文件中定义: <android.support.design.widget.TabLayout android:id=" ...

  4. html字体加粗标签与写法

    在html中字体加粗的标签为<b>标签,当我们使用了该标签,字体就会加粗,一般用于注明重要信息,强调文字上面写法如下 字体加粗:<b>这里的字体就会加粗</b> 效 ...

  5. 年度巨献-WPF项目开发过程中WPF小知识点汇总（原创+摘抄）

    WPF中Style的使用 Styel在英文中解释为”样式“,在Web开发中,css为层叠样式表,自从.net3.0推出WPF以来,WPF也有样式一说,通过设置样式,使其WPF控件外观更加美化同时减少了 ...

  6. （转）css中通常会用到浮动与清除，也是一个必须掌握的知识点，概念性的东西不多说，下面举几个例子，来说明它的用法：1.文字环绕效果 2.多个div并排显示 3.清除浮动（默认显示）

    一.文字环绕效果: html代码如下: 1 <body> 2 3 <style type="text/css"> 4 #big img {float: le ...

  7. mysql小知识点汇总---(时间与时间戳的转换, 修改mysql用户名密码, navicate 导入sql文件报错 1153)

    1. 时间与时间戳的转换 1.1 时间戳转时间 FROM_UNIXTIME(add_time, '%Y-%m-%d') 1.2 时间转时间戳 UNIX_TIMESTAMP('2015-04-29') ...

  8. java基础 小知识点汇总篇

    1.&和&& |和|| 的区别? a&b,会执行a,执行b ,得出结论 a&&b,会执行a,如果a false,则不执行b,直接返回false 2.Ma ...

  9. 全栈工程师知识点汇总——html5（上）

    一.HTML5 1.新特性: 1. 取消了过时的显示效果标记 <font></font> 和 <center></center> ... 2. 新表单元 ...

随机推荐

  1. tslib1.4编译

    准备工作:ubuntu14.04-64位+arm-linux-gcc(2014)+tslib.14 1.arm-linux-gcc下载地址:http://www.veryarm.com/arm-non ...

  2. php生成随机密码的几种方法

    方法一: 1.在 33 – 126 中生成一个随机整数,如 35,2.将 35 转换成对应的ASCII码字符,如 35 对应 #3.重复以上 1.2 步骤 n 次,连接成 n 位的密码 该算法主要用到 ...

  3. WebService "因 URL 意外地以 结束，请求格式无法识别" 的解决方法

    最近在做一个图片上传的功能,js调用用webservice进行异步访问服务器,对于不是经常用webservice的菜鸟来说,经常会遇到以下的问题(起码我是遇到了) 在页面上写了js调用代码如下所示: ...

  4. 多Web服务器之间共享Session的解决方案

    一.提出问题: 为了满足足够大的应用,满足更多的客户,于是我们架设了N台Web服务器(N>=2),在多台Web服务器的情况下,我们会涉及到一个问题:用户登陆一台服务器以后,如果在跨越到另一台服务 ...

  5. PhpStorm创建Drupal模块项目开发教程（1）

    用户体验是应用程序开发的一个重要因素.一个加载时间长.设计差.导航不清晰的网站很难留住客户. Web应用程序由多个部分组成,并且可能运行在多种环境中,所以Web应用程序从开发开始就需要在所有环境中进行 ...

  6. Django基础

    一.路由系统 1.静态路由 from app01 import views urlpatterns = [ #url(r'^admin/', admin.site.urls), url(r'^home ...

  7. jQuery基本操作

    jQuery简介 jQuery是一个兼容多浏览器的javascript库,极大地简化了 JavaScript 编程,核心理念是write less,do more(写得更少,做得更多),对javasc ...

  8. JavaScript简介

    JavaScript JavaScript 是一种轻量级的编程语言,是可插入 HTML 页面的编程代码,这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等 ...

  9. winform常用的属性（listview），常用容器（二者结合）

    ListVies控件主要用于展示数据(非常实用和重要的控件) FullRowSelect:设置是否行选择模式.(默认为false) (开启之后一下选中一行数据) ___________________ ...

  10. Python,Jupyter Notebook，IPython快速安装教程

    0.安装环境 Windows10,Python3.5.1,IPython,jupyter notebook,and other functionality 官方安装文档Linux版3.x 官方安装文档 ...