- 博客(41)
- 收藏
- 关注
RSS订阅原创 项目实战大结局PC固定端旅游网页设计
index.html: 项目实战-PC端固定布局（1） class="center"> 星月旅行社 网站导航 首页 旅游资讯 机票订购 风景欣赏 公司简介 header --> 搜索 热门旅游 国内旅游，国外旅游，自助旅
2016-08-16 17:08:54
5595
4
原创 项目实战-PC端固态布局 之机票预订
ticket.html: 机票预订 航班类型 单程 往返 出发城市 返回城市 出发时间 返回时间 订票 最新机票 热门城市： 北
2016-08-16 15:49:08
1267
2
原创 项目实战-PC端固定布局【5】之aside
效果：html: 景点推荐 河南（20） 曼谷（12） 南京（6） 江苏（7） 山东（8） 内蒙（19） 埃及（9） 迪拜（3） 希腊（4） 洛杉矶（15） 纽约（18） 新加坡（11） 热门旅游 河南-云台山8日游
2016-08-13 11:51:12
1988
原创 项目实战--PC端固态布局[5]之footer
效果：index.html 合作伙伴 途牛旅游网 驴妈妈旅游网 携程旅行 中国青年旅行社 旅游FAQ 旅游合同签订方式 儿童价是基于什么制定的 单房
2016-08-12 13:00:04
1175
原创 项目实战--PC端固定布局[4]之figure
效果：figure: 抱团特惠，超级曼妙景点，相约周口，不见不散 满意度：99% $666起 国内景点 figure单独效果：index.html 项目实战-PC端固定布局（1） class="center"> 星月旅行社 网站导航 首
2016-08-12 10:07:21
791
原创 项目实战--PC固态布局【3】插入背景图及搜索框及按钮
效果：index.html 项目实战-PC端固定布局（1） class="center"> 星月旅行社 网站导航 首页 旅游资讯 机票订购 风景欣赏 公司简介 header --> 搜索footerstyle.
2016-08-11 15:29:50
997
原创 项目实战-PC端固定布局【2】认识网页大纲算法（HTML5 Outliner）
注：body,nav,section需要标题head,div不需要标题链接：https://gsnedders.html5.org/outliner/步骤：选择文件--->Outline this大纲效果：index.html 项目实战-PC端固定布局（1） class="center"> 星月旅行社
2016-08-11 11:07:40
1918
原创 项目实战-PC端固定布局【1】之完成导航
完成导航效果：index.html: 项目实战-PC端固定布局（1） 星月旅行社 首页 旅游资讯 机票订购 风景欣赏 公司简介 headersectionfooterstyle.css:@charset "utf-8";/*内外边距都是0*/body,h1,ul{
2016-08-11 10:17:34
1673
3
原创 css3弹性伸缩布局[上]
效果：index.html: CSS3弹性伸缩布局[上] 爸爸长了一张国字脸，脸上的五官，分布得特别的整齐、匀称。两道乌黑浓密的眉毛，一对儿亮晶晶闪闪发光的大眼睛，两个眼珠黑白分明，还是双眼皮。那高高的鼻梁，坚实而挺拔。长了一个不大不小，刚刚合适的嘴。爸爸不仅，打篮球非常的棒，他的歌声，那也是非常的了得。从我记事的时候开始，每当过年的时候，我们家的亲戚
2016-08-10 10:23:02
441
原创 CSS多列布局
效果：index.html 我的爸爸 CSS3多列布局 我的爸爸 --> 我的爸爸 第一段内容 我的爸爸刚刚30出头，他的面容，要比他的年龄，成熟稳重的多，但是，他可没有苍老憔悴哦！爸爸的身高有180公分，体重75公斤，是个标准的型男身材。如果，我说我爸爸是个大帅哥，可一点也没有撒谎呢！ 第二段内容 爸爸不仅，打篮球a
2016-08-10 09:37:18
586
原创 css传统布局[下]
效果：index.html CSS3传统布局[下] header aside -->111111style.css@charset "utf-8";body{ margin:100px; height: 800px; border:1px solid red; /*在body父元素设置一个不需要top和le
2016-08-09 16:51:36
425
原创 CSS3表格布局[上]
1.表格布局（不常用）index.html CSS3传统布局[上] header aside section footer style.css@charset "utf-8";body{ margin:0;}table{ /*width:960px;*/ width: 100%; ma
2016-08-09 14:56:18
511
原创 css动画效果
index.html CSS3动画效果 我是HTML5style.css@charset "utf-8";body{ margin:100px;}div{ width:200px; height: 200px; background-color: white; border: 2px solid green; animation-name
2016-08-09 11:30:15
321
原创 css3过渡效果
效果：index.html CSS3过渡效果 我是HTML5文本style.css@charset "utf-8";body{ margin:100px;}div{ width: 200px; height: 200px; border: 2px solid green; background-color: white; tr
2016-08-09 10:44:08
483
原创 CSS变形效果[下]
效果：仅仅需要：#a{perspective: 3000px;}img{transform: scale3d(0.5,0.5,2.5) rotateX(45deg);}然后再在img里加入边框即可：img{width: 500px;height: 500px;border: 5px solid red;transform:
2016-08-09 09:48:55
304
原创 CSS3变形效果[上]
效果：要点：index.html: CSS3边框变形效果[上] 我是HTML5111style.css:@charset "utf-8";body{ margin:100px;}div{ width:200px; height: 200px; background-color: green; box-shadow: 2px
2016-08-08 15:42:10
511
原创 CSS渐变效果
一：线性渐变 属性--->linear-gradientbackground-image: linear-gradient(circle , orange, green);二：径向渐变 属性--->radial-gradientbackground-image: radial-gradient(circle, orange, green);两者都有repeati
2016-08-08 11:56:53
438
原创 CSS文本效果
效果：1.文本阴影：p{font-size: 50px;text-shadow: -1px -1px 1px red;text-shadow: 2px 2px 1px red;}2.文本裁剪：p{ font-size: 20px; width: 160px; background-color: sil
2016-08-08 10:48:20
640
原创 CSS其他样式
效果：index.html CSS其他样式 我是HTML5style.css@charset "utf-8";div{ width:200px; height: 200px; /*background: red;*/ color: blue; opacity: 1; border: 10px solid green; box-shad
2016-08-08 09:49:02
378
原创 CSS表格和列表
index.html: CSS表格和列表 人员档案 姓名 性别 年龄 张三,是一个好青年 男 李四 女 35 王五 男 36 张三,是一个好青年 李四2 王五我是HTML5内容简介：style.css:@charset "utf-8";table{ width:
2016-08-06 16:51:34
425
原创 嵌入元素与图片路径问题
当html文件与图片在同一个文件夹下：当html与图片不在同一个文件夹下，可以用路径问题解决：index.html 嵌入元素 --> 借助于DW：index2.html: 嵌入元素 百度 | 好搜index4.html:
2016-08-06 14:43:56
355
原创 CSS边框与背景[下]
笔记：ctrl+s=保存crtl+shift+s=另存为crtl+n=新建Ctrl+/ 注释单行。Ctrl+Shift+/ 注释多行。Ctrl+Z 撤销。Ctrl+Y 恢复撤销。index.html CSS边框与背景[下] 我是HTML5>,我是HTML5>,我是HTML5>,style.css:@charset "utf-8";/*
2016-08-05 16:55:41
549
原创 CSS边框与背景[上]
效果：index.html: CSS盒边框和背景[上] style.css:@charset "utf-8";div{width:200px;height:200px;///设置一个边框至少需要以下三条border-style:solid;bordr-color:red;border-width:1px;///用像
2016-08-04 16:21:47
369
原创 CSS盒模型[下]
效果：index.html: CSS盒模型[下] 我是HTML5,我是HTML5 1 2 3 4 5 6 我是块级元素我是行内元素我是块级元素，将要转成行内元素我是行内元素,将要转成块级元素我是块级元素，将要转成行内块元
2016-08-04 15:45:35
239
原创 CSS盒模型[上]
效果：index.html: CSS盒模型[上] 我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5,我是HTML5style.css:@cha
2016-08-04 12:13:26
740
原创 CSS文本样式[下]
index.html CSS文本样式[下] 我是 html5我是HTML5百度style.css@charset "utf-8";p{font-size:50px;background:silver;text-decoration:underline;text-decoration:overline;text-decora
2016-08-04 11:27:59
387
原创 CSS文本样式[上]
index.html: CSS文本样式[上] 这是html5style.css:@charset "utf-8";body{font-size:50px;font-variant:small-caps;}@font-face{font-family:abc;src:url('BrushScriptStd.otf');}p{
2016-08-04 09:37:17
449
原创 CSS选择器[下]
效果：index.html CSS选择器[下] 我是儿子 我是儿子 我是儿子 我是儿子 我是儿子 我是儿子//文本//复选框提交百度搜狗好搜加粗HTML5加粗style.css@charset "utf-8";///根选择器一般不用:ro
2016-08-03 16:08:56
216
原创 CSS选择器【上】
效果：index.html CSS选择器[上] 这是一个段落这是一个加粗这是一个什么都没有这是一个加粗百度好搜HTML5/////////复合选择器 我是儿子 我是孙子 我是孙子 我是儿子 我是儿子aalfkeiakfj
2016-08-03 15:18:35
251
原创 CSS入门
1.使用CSS2.三种方式3.层叠和继承代码：index.html: CSS入门 p{ color:red; font-size:50px; } p{ color:green; font-size:30px; font-style:italic; } p{
2016-08-03 12:59:33
303
原创 html5 实体和全局属性及其他
代码： 实体，全局属性和其他 ///id属性 #abc{ color:red; }///class属性 .abc{ color:red; } ///我 你///四个空格，一般只有一个空格©///全局属性这是ID这是class这是class这是class我可以修改
2016-08-03 10:42:57
322
原创 html 5 表单元素（下）
效果：代码： 表单元素（下） 苹果 香蕉 橘子 小麦 大米 玉米 ///多行文本框 请留下您的建议///乘法 X = //////大小///正则///输入025-888888后，
2016-08-03 10:09:43
384
原创 html5 文档元素 布局
布局效果：代码： 表格元素 这里是大标题 这里是一个副标题 这里是一个导航 header这里存放网页的标头部分:logo,标题，导航等 这里是文档的主题部分///一个小的文篇布局 ... ... ... ...... 这里是尾部的副标题 footer这里存放
2016-08-02 12:36:34
504
原创 html5表格元素
效果：代码： 表格元素 ///行 张三///单元格 男 未婚 李四 女 已婚 姓名 性别 婚否 ///行 张三///单元格 男 未婚 李四 女 已婚
2016-08-02 12:04:27
628
原创 html5 分组元素
效果：代码： 分组元素 这是一个段落///换行 这是另一个段落 这是一个段落//比p行间距小，与br间距相同，但是可以设置 这是一个段落 这是一个段落///blockquote和p一样具有换行，特点是包含了首尾缩进 ///添加分行线 这是另一个段落 ### ### ###
2016-08-02 10:30:42
1013
原创 html5超链接和路径a的属性
锚点设置想要结果代码： 超链接和路径 //百度 index2//绝对路径一般移动后不可使用 ///以下是相对路径 index2//条件是文件必须都在一个磁盘或目录下 index2//子目录 index2//孙目录 index2//父目录 index2//爷目录 ///以下是锚点链接 第一章 第二章 第
2016-08-02 09:53:50
4701
原创 html5--文本元素
Ctrl+/ 注释单行。Ctrl+Shift+/ 注释多行。Ctrl+Z 撤销。Ctrl+Y 恢复撤销。Ctrl+Shift+S 新建文件夹。Ctrl+S 保存。//html lang="zh-en"或者是“zh-cn" 文本元素 b元素：这是HTML5教程strong元素：这是HTML5教程wbr元素（安全换行）：这里填充一下：Thisussaflb
2016-08-01 15:41:02
514
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人