自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(19)
  • 收藏
  • 关注

原创 如何实现导航菜单栏中的二级下拉菜单?

我们在淘宝、搜狐等大型网站上都可以看到使用的一些二级下拉菜单,比如下面这张图片。但是如何实现类似的图片呢?实际上,我们有至少三种方式来实现,下面,我附上代码供大家参考。1.仅使用html和cssDocument 首页 汽车 奥迪 道奇 ...

2019-03-31 10:04:44 1046

原创 27 ,布局

流体浮动布局流体定位布局固定浮动布局固定定位布局流体浮动布局规格:当视窗变化时跟着变化采用:浮动布局兼容:兼容当前主流浏览器. 2. 流体定位布局规格:当视窗变化时跟着变化采用:定位布局兼容:兼容当前主流浏览器. 3. 固定浮动布局规格:固定大小,不能随着视窗改变采用:浮动布局兼容:兼容当前主流浏览器. 4. 固定定位布局规格:固定大...

2019-03-31 09:23:44 185

原创 26 , CSS 构造表单

表单标签使用下拉菜单背景滚动条的使用结构化表单布局1 1 1 1. . . . 表单标签的使用姓名: <input type=”text” name=”name”id=”name”/>2 2 2 2. . . . 去掉默认的表单间隔Form {Margin: 0;Padding: 0;}3 3 3 3. . . . 给文本框添加漂亮的边框In...

2019-03-31 09:16:31 458 1

原创 25 ,CSS 构造表格

表格的基础构造边距和边线应用隐藏和删除应用简单表格table {width:auto;border-collapse:collapse;margin-left:20px;border:1px solid black;}td,th {width:50px;border:1px solid black;padding:5px;background:gol...

2019-03-31 09:11:42 143

原创 24, CSS 构造超链接

超链接边框派生超链接属性选择器超链接动态超链接图像翻转超链接CSS 工具提示1.给链接加上边框A:link {Color: #f00;Text-decoration: none;Border-bottom: 1px dashed #333;Line-height: 150%;}2.在文章段落中加上超级链接A:link {Color: #f0...

2019-03-31 09:04:20 678

原创 23 , CSS 构造列表与导航

列表图片背景列表翻转列表水平导航内边距与外边距Ul {Margin: 0;Padding: 0;}使用图片作为列表图标Ul {Margin: 0;Padding:0;Width: 200px;List-style-image:url(images/list.gif);Line-height: 150%;}以背景图片作为项目列表图标...

2019-03-31 08:54:22 575 1

原创 22 , CSS 构造颜色、背景与图像

设定颜色背景使用图像使用1.设定颜色红色的几种合法定义;#f00;#ff0000;Red;Rgb(255,0,0);Rgb(100%,0%,0%);2.十六进制三元组第一个字节:红色的值;第二个字节:绿色的值;第三个字节:蓝色的值;简化写法:#cccccc 可写成 #ccc, #ff6633 可以写成 #f633.使用 17 种具名颜色黑色(blac...

2019-03-31 08:47:23 931 1

原创 21 , CSS 构造模型

div边距边框定位浮动1 21.1 div部分(division)—元素,经常以 div 形式引用—是 XHTML 元素,用于定义 XHTML 文件中的区域.1.添加 divThis is our content area.给 div 添加一个 idThis is our content area.#container {Padding:...

2019-03-31 08:40:37 213

原创 20, CSS 定义选择器

ID 与类层叠分组继承上下文选择器子类选择器其他选择器结构与注释20.1 ID 与类选择器是用于控制页面设计的样式.即 ID 选择器何类选择器.一直以来,许多开发人员经常将 ID 与类混淆,或者不能正确的使用这两种选择器,或者简单的认为是一个代替另一个.这种认知是及其错误的.(1). 应用 ID每个 ID 在一个页面中只能使用一次,作为...

2019-03-31 08:31:27 463 2

原创 19,CSS 滤镜

1.Filter 属性介绍2.Alpha 滤镜的使用3.Blur 滤镜的使用4.Filph、Filpv 滤镜5.DropShadow 滤镜6.Glow 滤镜7.Gray ,Invert,Xray 滤镜8.Shadow 滤镜1 19.1 F Fr ilter 属性介绍设置或检索对象所应用的滤镜或滤镜集合。此属性仅作用于有布局的对象,如块对象。内联要素要使用该属性,必须先设定对象...

2019-03-31 08:20:56 155

原创 18 章 CSS 链接、光标、 DHTML 、缩放

1.CSS 中链接的使用2.CSS 中光标的使用3.CSS 中 DHTML 的使用4.CSS 中缩放的使用1 18 8. .1 1 S CSS 中 链接的使用超链接伪类属性a:link 表示该超链接文字尚未被点选a:visited 表示该超链接文字已被点选过a:active 表示该超链接文字正被点选,但未被放开a:hover 表示当鼠标停留在文字上1 18 8. .2 2 S...

2019-03-30 17:56:05 124

原创 17 , CSS 区块、浮动、定位、溢出、滚动条

1.CSS 中区块的使用2.CSS 中浮动的使用3.CSS 中定位的使用4.CSS 中溢出的使用5.CSS 中滚动条的使用17.1 CSS 中区块的使用属性名称 属性值 说明width 像素/百分比 区块的宽度autoheight 像素/百分比 区块的高度automin-height 像素像素/百分比 区块最小高度automax-height 像素像素/百分比 区块最大高...

2019-03-30 17:47:41 194

原创 16 , CSS 边框与边界

1.CSS 中边框的使用2.CSS 中边界的使用16.1 CSS 中边框的使用属性名称 属性值 说明border-color 十六进制 可依序设置上,右,下,左线颜色英文名称 border-color:red(四边均为红色)三原色 border-color:red green(上下为红色,左右为绿色)border-color:red green blue(上为红色、左右为绿色、下...

2019-03-30 17:36:21 282

原创 15 , CSS 背景与列表

1.CSS 中背景的使用2.CSS 中列表的使用15.1 CSS 中背景的使用属性名称 属性值 说明background-attachment scroll 设置背景图像会随视窗滚动条的移动而移动。fixed 设置背景图像不会随视窗滚动条的移动而移动。background-color 十六进制 background-color:#ff0000;英文名称 background-co...

2019-03-30 17:31:42 149

原创 14 ,CSS 文字与文本

1.CSS 中长度与颜色2.CSS 中的文字属性3.CSS 中的文本属性14.1 CSS 中长度与颜色长度单位 说明in 英寸cm 公分mm 公里cm 以目前字体高度为单位ex 以小写字母高度为单位(大部分不支持)pt 1pt/72英寸pc 1pc/12ptpx 像素(推荐使用)颜色单位: 说明十六进制 如:color:#ff0000颜色名称 如:color:red...

2019-03-30 17:18:19 159

原创 13 ,CSS 入门基础,行内排版内嵌式排版和外部排版样式

1.认识 CSS2.传统 HTML 设计网页版面的缺点3.CSS 的特点4.CSS 的排版样式13.1 认识CSSCSS的英文全名是 Cascading Style Sheets,中文可翻译为串接式排版样式,并且 CSS2规范也于 1998 年 02 月通过 W3C 的审核与推荐,所以 CSS 并不是专为 XHTML 所设计的,CSS 还可以被其他标记语言拿来制作排版样本,如 HTM...

2019-03-30 17:09:58 355

转载 十个程序员必备的网站推荐和较出名的国外程序员论坛

十个程序员必备的网站推荐:程序员的工作和日常生活非常的枯燥,这里给大家推荐一些程序员经常使用的网站,也是我经常上的一些网站,尤其是前三个网站感觉用起来非常的舒服。我大致把这些网站分为三类,使用工具类,设计分享类,资讯交流类,业界良心类。希望能对大家有所帮助。1,Github代码托管(https://github.com/)作为开源代码库以及版本控制系统,Github拥有140多万开发者用户。...

2019-03-30 16:16:10 23144 5

转载 2,使用javascript

1,无标题文档2,无标题文档本站必须启用javascript!js.js代码如下:alert(‘欢迎来到JavaScript’);

2019-03-27 22:10:40 114

转载 JavaScript前世今生

JavaScript历史大概在1992年,一家称作Nombas的公司开始开发一种叫做C–(C-minus-minus,简称Cmm)的嵌入式脚本语言。 Cmm背后的理念很简单:一个足够强大可以替代宏操作(macro)的脚本语言,同时保持与C(和C++)中够的相似性,以便开发人员能很快学会。 这个脚本语言捆绑在一个叫做CEnvi的共享软件产品中,它首次向开发人员展示了这种语言的威力。 Nombas最...

2019-03-27 21:37:30 240

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除