当我们给图片加属性的时候，初学时，可能会弄混淆alt与title的区别，那么这两个的区别，我们可以从本意来看 alt原词是Alternate，切换，替换的意思。常用的输入法切换会用到alt键进行中英文切换。据有道标准释义如下： title，即为标题、主题，某一对象的标题，如文章...

2018-06-24 01:58:40

浮动因素在静态网页制作中经常被应用到，比如要让块级元素不独占一行，常常应用设置float的方式来实现。但是应用的时候会发现，设置了子类浮动后，未给父类清除浮动，这样就会造成一下问题： 1.浮动的元素会相对于父容器或者是前面已经定位的元素进行浮动，浮动的元素...

2018-06-24 01:58:43

!Doctype html html head meta charset="utf-8" title下拉菜单/title style *{ margin:0; padding:0; } ul{ list-style:none; overflow:hidden; background-color:#333; } li{ float:left; } li a,.dropbtn{ text-decoration:none; font-size:20px; font-weight:bolder...

2018-06-24 01:58:41

1、flex兼容性 根据caniuse（http://caniuse.com/#search=flex），flex布局在IE6-9不支持。 因此，flex布局主要应用在移动端。 2、基础测试代码 ! DOCTYPE html html head meta charset ="UTF-8" / meta http-equiv ="X-UA-Compatible" content ="ie=edge" / title Doc...

2018-06-24 01:58:38

html： div class="nav" ul li class="active"a href="a.html"aaa/a/li lia href="b.html"bbb/a/li lia href="c.html"ccc/a/li /ul /div jquery： $(".nav li a").each(function (i) { var $me = $(this); var lochref = $.trim(window.location.href); var mehref = $...

2018-06-24 01:58:39

css中：focus伪类的使用，即给已获取焦点的元素设置样式 示例一 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title :focus / title style * { margin : 0 ; padding : 0 ; } input:focus { background : #cbcbcb ; } / style / head body input type =...

2018-06-24 01:58:30

script 标签用于加载脚本与执行脚本，在前端开发中可以说是非常重要的标签了。 直接使用 script 脚本的话， html 会按照顺序来加载并执行脚本，在脚本加载执行的过程中，会阻塞后续的 DOM 渲染。 现在大家习惯于在页面中引用各种的第三方脚本，如果第三方服务商出现了...

2018-06-24 01:58:33

上一次,我们已经了解过flex-grow的具体用法后,这周,让我们一起来见一下flex-basis这个属性. flex-shrink 定义项目的缩小比例，默认值为1，注意前提是空间不足的情况下，项目缩...

2018-06-24 01:58:26

一、简介 编写一个会动的日历，日历上面有年月日，周几，时分秒，效果如下： 年月日，周几，时分秒都会随着系统时间的走动而改变 二、代码 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" meta name ="viewport" content ="width=device-width, initial-s...

2018-06-24 01:58:29

：hover的使用，即当鼠标指针移入元素时，所做出的样式设置 示例一 ! DOCTYPE html html lang ="en" head meta charset ="UTF-8" title demo01 / title style * { margin : 0 ; padding : 0 ; } ul li { width : 300px ; margin-top : 10px ; background : #ff0000 ; }...

2018-06-24 01:58:27