1.Translucent(半透明的) border 第二章的第一个例子是实现半透明的边框。效果如下： 初看之下，很简单嘛，boder就搞定啦，代码如下： border: 10px solid hsla(0,0%,100%,.5); background: white; 但是这样根本不起作用啊，给人的效果是border不见了.... 咦...咋回事...

2018-06-24 00:37:06

1.DIV 自动滚动 script type="text/javascript" function startmarquee(lh, speed, delay) { var t; var oHeight = 300; /** div的高度 **/ var p = false; var o = document.getElementById("show"); var preTop = 0; o.scrollTop = 0; function start() { t = setInt...

2018-06-24 00:37:04

overflow属性可以设置的值有5种： （1）visible 默认值，内容不会裁剪，呈现在元素框之外； （2）hidden 内容会被裁剪，并且子元素内容是不可见的； （3）scroll 内容会被裁剪，但溢出的内容可以拖动浏览器自带的滚动条，查看内容； （4）auto 如果内容被裁剪，那么溢...

2018-06-24 00:36:53

从大一下学期接触，一直到今年，接触的时间也挺长的了 ， 最近一些认识的盆友和同学说是想学习前端，自己也开始慢慢停下脚步，不再拼命地去学很多框架的东西，回归到基础，慢慢把基础打牢 很多知识碎片一直来不及整理，本篇博客也没有说很多，哪个标签怎么使用啊，css...

2018-06-24 00:37:00

CSS属性图 01文字属性 !DOCTYPE html html lang="en" head meta charset="UTF-8" title文字属性/title style p{ font-style: italic; font-weight: bold; font-size: 10px; font-family:"楷体"; } /style /head body !-- 02字体属性补充 !DOCTYPE html html lang="en"...

2018-06-24 00:37:01

一、2D 转换 概念：就是元素在 2D 平面上实现移动，旋转，缩放，斜切的操作就称之为 2D 转换 语法：transform：值 值：移动，旋转，缩放，斜切 （ 1 .1 ）移动 transform：translate（） 参数说明： （ 1 ）只有一个值的情况下，表示水平方向运动，正值向右，负值向左...

2018-06-24 00:36:39

由于html是从上至下加载的，通常我们如果在head部分引入javascript文件，那么我们都会在javascript的开头添加window.onload事件，防止在文档问加载完成时进行DOM操作所出现的错误。如果有多个 javascript 文件，那么极有可能出现多个window.onload事件，但是最后起作用...

2018-06-24 00:36:45

图解CSS padding、margin、border属性 W3C组织建议把所有网页上的对像都放在一个盒(box)中，设计师可以通过创建定义来控制这个盒的属性，这些对像包括段落、列表、标题、图片以及层。盒模型主要定义四个区域：内容(content)、内边距(padding)、边框(border)和外边距(ma...

2018-06-24 00:36:50

HTML 表单 表单是一个包含表单元素的区域。 表单元素是允许用户在表单中输入内容,比如： 文本域(textarea) 、 下拉列表、单选框(radio-buttons)、复选框(checkboxes) 等等。 表单使用表单标签 form 来设置: 关于表单的一些类型，在下面代码可以体现一部分： 1 ! DOCTYP...

2018-06-24 00:36:41

先看效果图： 下面是代码： ! DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" html xmlns ="http://www.w3.org/1999/xhtml" head meta content ="text/html; charset=utf-8" http-equiv ="C...

2018-06-24 00:36:39