![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
html5学习
三爷麋了鹿
技术不一定能改变世界,但能改变你的人生。
展开
-
div绝对定位
div绝对定位 #father{ background-color: green; width: 100%; height: 100px; border:1px dashed gray; position: relative; } #son1{原创 2014-09-16 16:45:48 · 396 阅读 · 0 评论 -
页面布局基础1
相对d原创 2014-10-27 22:01:01 · 340 阅读 · 0 评论 -
表格基础1
表格概述1.原创 2014-11-03 15:13:13 · 373 阅读 · 0 评论 -
LOGO图片详细说明(作业)
1.LOGO图片原创 2014-10-15 14:28:56 · 519 阅读 · 0 评论 -
个人网页LOGO设计(作业)
1.个人网页LOGO展示原创 2014-09-30 21:45:16 · 1359 阅读 · 0 评论 -
CSS基础详解1
用CSS配置列表符号原创 2014-10-13 22:54:15 · 279 阅读 · 0 评论 -
border-style用法(作业)
示例代码原创 2014-10-16 13:14:47 · 509 阅读 · 0 评论 -
CSS3制作照片墙
1.用CSS制作照片墙需要用到两个重要属性:transform和transition。transform属性允许旋转(rotate)、伸缩(scale)、倾斜(skew)或者移 动(translate)元素。transition(“过渡”)使属性值在指定时间内平滑地完成变化。可以配置4个属性:transition-property,指定过渡效果所应用的属性;transition-du原创 2014-12-16 12:55:37 · 829 阅读 · 0 评论 -
表格位于网页右边(作业)
对table设置如下样式即可显示在网页右边:table{}原创 2014-11-24 22:12:36 · 526 阅读 · 0 评论 -
表单基础2
复选框和单选钮1.复选框原创 2014-11-18 15:16:25 · 338 阅读 · 0 评论 -
CSS3瀑布流布局
1.HTML页面中用一个小的div来包含图片,再用一个大的div来包含所有小的div。2.CSS样式中,用到的重要属性是column-width,浏览器窗口宽/column-width=显示列数,所以我们只需要设置大的div的column-width属性,再将图片作为块级元素显示,并设置适当的宽度。column-rule这个属性用来设置每栏的分隔线,与border类似。3.代码示例:原创 2014-12-16 13:46:54 · 449 阅读 · 0 评论 -
表单基础3
用表格格式化表单1.代码示例: First Name: Last Name: Comments:原创 2014-12-04 14:22:26 · 337 阅读 · 0 评论 -
CSS实现下拉菜单
1.CSS实现下拉菜单重点在于用一个无序列表嵌套一个无序列表,父列表的position属性设置为relative,子列表的position设置成 absolute。先将子列表隐藏起来display:none;当鼠标移到到父列表项上时,显示子列表display:block;2.代码示例: css下拉菜单 *{ margin:0;原创 2014-12-11 15:23:04 · 424 阅读 · 0 评论 -
表单基础4
用CSS配置表单样式1.用CSS框模型创建一系列框。示例:CSS代码如下:#myform{ background-color:#eaeaea; width:400;}label{ float:left; width:120px; clear:left; text-align:right; padding-right:10px; margin-t原创 2014-12-11 14:22:42 · 305 阅读 · 0 评论 -
a标签实现圆角水晶按钮
1.用a标签实现圆角水晶按钮效果的重点在于背景图片的制作,以及光标移到标签上方响应时背景图片的显示位置。2.代码示例: 圆角a标签 a{ display:inline-block; line-height:40px; text-decoration:none; background:url("btn-fit.p原创 2014-12-11 15:36:01 · 4911 阅读 · 0 评论 -
CSS多行文本固定高度的居中
CSS中的vertical-align属性只会对拥有valign特性的(X)HTML标签起作用,但是在CSS中还有一个display属性能够模拟,所以我们可以使用这个属性来让模拟就可以使用vertical-align了。注意,display:table和display:table-cell的使用方法,前者必须设置在父元素上,后者必须设置在子元素上,因此我们要为需要定位的文本再增加一转载 2015-06-14 15:43:03 · 864 阅读 · 0 评论 -
CSS强制换行和禁止换行代码
一、强制换行 1、word-break: break-all; 只对英文起作用,以字母作为换行依据。 2、word-wrap: break-word; 只对英文起作用,以单词作为换行依据。 3、white-space: pre-wrap; 只对中文起作用,强制换行。 1、word-break:break-all转载 2015-06-14 15:39:13 · 665 阅读 · 0 评论 -
个人网页页面线框(作业)
1.首页设计为超长网页介绍“凡客屋”2.个人主页显示个人信息和时光轴形式的个人博客展示3.装扮是页面的换肤功能4.关于页面给用户显示网站设计信息5.书屋用书架展示一些书籍封面6.笔记本用于添加和显示笔记7.名家收藏展示一些名言美图、有趣的网站原创 2014-10-19 15:33:11 · 511 阅读 · 0 评论 -
CSS基础详解3
边框1.border属性配置围绕元素的边框。边框默认设为0,且不显示。属性名称 说明和常用值border 简写方式同时配置元素的border-width,border-style和border-color;不同属性值以空格分隔border-top 顶部边框;border-width,border-style和border-color的值以空格分隔border-right右侧原创 2014-10-22 22:39:38 · 318 阅读 · 0 评论 -
表格基础2
配置无障碍访问表格1.原创 2014-11-04 15:25:05 · 336 阅读 · 0 评论 -
div浮动排版
div浮动排版 body{ margin:0px 6px 2px 3px;/*上 右 下 左*/ } #father{ background-color: #ffff99; width: 100%; height: 100px; border:1px dashe原创 2014-09-23 19:54:00 · 573 阅读 · 0 评论 -
超链接基础
1.锚元素可点击链接的文本:定义了一个超链接,指向想要显示的另一个网页或文件。 锚标记中配置target="_blank":在新浏览器窗口或新标签页中打开网页。 HTML5中提供了block anchor,它能将一个或多个元素(包括作为块显示的div或段落)配置成链接。2.绝对链接指定资源在web上的绝对位置。链接到其他网站上原创 2014-09-24 18:55:33 · 580 阅读 · 0 评论 -
网页结构基础1
1、段(Paragraph) (可以看作是空行)原创 2014-09-13 22:56:46 · 297 阅读 · 0 评论 -
网页结构基础2
1.标题元素从h1到h6共6级。原创 2014-09-17 19:03:23 · 364 阅读 · 0 评论 -
CSS基础详解2
对齐和缩进1.原创 2014-10-20 11:24:02 · 298 阅读 · 0 评论 -
footer位于最下方(作业)
1.注意:您不能与 标签一起使用 标签。不过,如果您需要为不支持框架的浏览器添加一个 标签,请务必将此标签放置在 标签中!原创 2014-11-06 22:39:30 · 364 阅读 · 0 评论 -
个人网页设计初稿(作业)
一、网站项目主题 1.1 网站名称及用途 网站为个人网页展示,内容涵括个人感想,读书笔记和网页换肤等。网站取名“凡客屋”。 1.2 网站目标 网站旨在传递个人思想,个人动态,与博客和QQ空间类似,让陌生人通过文字或图像了解我的个性、生活。 1.3 网站风格 网站采用鲜艳颜色红色作为主题色,将模仿I原创 2014-09-29 17:47:06 · 6069 阅读 · 1 评论 -
Web设计原则
1.设计网站时要牢记自己的额mu原创 2014-09-22 16:56:10 · 964 阅读 · 0 评论 -
CSS基础2
使用style属性的内联CSS原创 2014-10-10 22:24:53 · 355 阅读 · 0 评论 -
html边距设置
div盒子模型:控制边框:border-top、border-left控制盒子内边距:padding-top、padding-left控制盒子外边距:margin-bottom、margin-rightdiv相对定位没有脱离文档流,即还占着原位置绝对定位脱离文档流(照片签名)margin:0px;内容距浏览器上下左右边框距离为0(padding:0px;)margin:原创 2014-09-12 15:37:41 · 7682 阅读 · 0 评论 -
Web图形样式基础2
图片链接原创 2014-10-13 12:58:52 · 333 阅读 · 0 评论 -
CSS基础1
1.CSS是由W3C开发的一种lhuo原创 2014-09-30 21:53:00 · 427 阅读 · 0 评论 -
页面布局基础2
无序列表中的超链接原创 2014-10-30 09:51:27 · 369 阅读 · 0 评论 -
页面布局基础3
HTML 5的结构元素1.原创 2014-10-30 13:06:47 · 309 阅读 · 0 评论 -
web图形样式基础1
web图片原创 2014-10-11 17:40:30 · 407 阅读 · 0 评论 -
表单基础1
概述1.原创 2014-11-10 12:55:16 · 473 阅读 · 0 评论 -
CSS跑马灯
超出跑马等效果老的前端开发人员对于marquee标签肯定不陌生,一个被淘汰的标签,被刚入门的新手所喜爱,因为能通过一个简单的标签做出动态的效果。但是在实际应用上的局限性和效果的过时,使这个标签退出历史舞台,大家纷纷改用js来实现无间断滚动等效果。新的CSS3 marquee设置,可以说功能强大了很多,更加易操作,用简单的代码解决了js中比较纠结的字符长度判断等难题。强烈推荐大家使用转载 2015-06-14 15:35:01 · 1550 阅读 · 0 评论