alt属性:当图像加载失败时起到提示的作用。title属性:当鼠标放到图片上时，会产生说明性的文字。原文：https://www.cnblogs.com/zhang188660586/p/12570424.html
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin:0; padding:0; }
body { font-size:14px; color:#333; font-family: Microsoft YaHei, Simsun;}
fieldset, img { border:0; }
ol, ul { list-style:none; }
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight: normal;}
em { font-style:normal; }
input, button, select, textarea { outline:none; ...
文本也许是HTML里最常见的元素了，所以我们有必要对HTML的文本操作标签做下认识。1. <em>，<i>内的文字呈现为倾斜效果；2. <strong>，<b>内的文字呈现为加粗效果；3. <b>，<i>只是单纯的为了让文本具有某种特殊样式，而<strong>，<em>不仅带有特殊样式，而且也表达了某种语义；4. 在单纯的为了达到某种样式的情况下，建议使用不带有语义的标签。体验如下：http://www.mayacoder.com/lesson/lesson?lesson_id=28&knowledge_id=5原文...
这是一款效果非常时尚的Tabs选项卡标签的流线型线条效果。该效果使用纯CSS3来制作，效果类似eclipse软件的标签页效果。该Tabs标签使用流线型设计，并且可以自定义标签的颜色，非常实用和好看。效果演示：http://www.htmleaf.com/Demo/201504041626.html下载地址：http://www.htmleaf.com/css3/daohangcaidan/201504041625.html原文：http://blog.csdn.net/souhugirl/article/details/44887103
Threejs标签显示一般有两种方式，Sprite精灵和CSS2DRenderer，Sprite精灵的话显示效果会有些模糊，CSS2DRenderer绘制标签是之接将dom挂载到三维对象上，渲染时其实是将dom直接根据对象位置位置实时渲染，可以在开发者模式中审查元素。在mac机中，因为mac机的设备像素比DPR为2，而window的设备像素比为1，该值可以通过window.devicePixelRatio获取。css2DRenderer计算对象位置是默认设备像素比为1的情况，如果想要适配苹果机，需要做...
1.行内样式>嵌入式>外部样式(就近原者)当外部样式在嵌入式的前面时就是外部样式为主2.重复样式p{color:red}p{color:green}<p>是green</p>3.id选择器和class选择器相同点都可一定义属性值不同点id选择器是唯一的只能定一个class可以定义多个相同类名例1<p class="a">我是类样是红色<span class="a">红色也有继承a也可以是相当于类属性</span></p><p id="a">错误<i id="a">不能在次定义</i></p>4.子选择器ul>li ul下的所有子元素u...
1：超出三行用省略号display:-webkit-box; //将对象作为弹性伸缩盒子模型显示。
-webkit-box-orient:vertical; //从上到下垂直排列子元素（设置伸缩盒子的子元素排列方式）
-webkit-line-clamp:2; //这个属性不是css的规范属性，需要组合上面两个属性，表示显示的行数。overflow:hidden; 原文：https://www.cnblogs.com/programmer-1/p/11712180.html
今天练习某线上商城页面仿作的过程中，针对position:relative及position:absolute的使用技巧和疑惑点进行了一番梳理，学习了CSDN上onizukayao作者的一些理解方法，整理心得如下： 1.首先查阅开发文档，position: absolute的意思是： 绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。 position: relative的意思是： 设置为相对定...
一、表单标签<form> 功能：表单用于向服务器传输数据，从而实现用户与Web服务器的交互。 表单能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等。 表单还可以包含textarea、select、fieldset和 label标签。表单属性 action: 表单提交到哪。一般指向服务器端一个程序，程序接收到表单提交过来的数据（即表单元素值）作相应处理，比如https://www.sogou.com/web method: 表单的提交方式 post/get默...
css：层叠样式表 美化页面 修改标签的样式写法分类： 1.内联： <!--使用<link />标签将css文件引入到html文件中--><!--<link href="路径" rel="stylesheet"/>--><!--<link/>标签只可以放在<head></head>之中，另外在html中内嵌css样式也只可以写在head标签之中--><!--内嵌书写方式--><style type="text/css"> /*标签名style*/ button{ /*选择器*/ color: red; /*样式属性:样式值*/ }</style...
在网页加载的过程中，以css背景图存在的图片background-image会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html中的标签img是网页结构（内容）的一部分会在加载结构的过程中加载， 换句话讲，网页会先加载标签img的内容，再加载背景图片background-image。 如果你用引入了一个很大的图片，那么在这个图片下载完成之前，img后的内容都不会显示。而如果用css来引入同样的图片，网页结构和内容加载完成之后，才开始加载...
即使我们使用了类似 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式,也会发现类似<a>标签这种inline-block元素，它们之间也还存在着间距。demo:默认情况<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0"><title>怎么去除a标签的默认间距</title><style type="text/css">*{margin: 0;padding: 0;}.demo{padding: 14p...
html部分：<div class="imgDiv"> <img src="" ></div>css部分：.imgDiv { width: 100px; height: 100px;}img { width: auto; height: auto; max-width: 100%; max-height: 100%}如上是主要的代码，格式/位置不准确，请自行调整。原文：https://www.cnblogs.com/peijyStudy/p/10951800.html
1、div和span的认识 通常称为"盒子" div是大的范围，span是小的范围 div:division，范围、区域、分割，并没有什么特殊语义，经常用来布局。 div里经常放置一些具有某些特殊功能、相似类型的标签，这就是布局过程。 div是一个典型的容器级标签，可放置任何的标签。 span:小区域、小跨度、常用于小范围调整布局。 span在p标签内:一般认为p>span>p 2、简单的div+css布局 最开始使用表格布局，结构和样式不分离。 div+css:结构和样式分...
Style样式 .toggle {position: relative;display: inline-block;width: 60px;height: 30px;border: 1px solid #E5E5E5;background-color: #fff;background-clip: content-box;-webkit-border-radius: 30px;border-radius: 30px;}.toggle i {position: absolute;top: 0;left: 0;display: inline-block;content: "";width: 30px;height: 30px;-webkit-box-shadow: 0 0 2px #bbb;background-color: #fff;background-clip: cont...
