- 博客(18)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 [Web前端技术教学]盒子的隐藏和显示
练习目的通过制作导航条,掌握CSS技术对盒子的隐藏和显示技术.完整代码HideAndShow<!--a { display: block; background-color: #999999; height: 30px; width: 60px; line-height: 30px; text-decoration: none; text-align:
2016-12-15 23:30:23
2330
原创 [Web前端技术教学]图片相框的翻转
练习目标背景图片作为照片的相框,并实现背景图片翻转.完整代码PhotoAblum<!--.exesoft .boxx { background-image: url(image/framels.jpg); height: 160px; width: 160px;} .exesoft img { height: 120px; width: 120px; ma
2016-12-14 17:14:29
1127
原创 [Web前端技术教学]布局基础练习-1
练习目的整个版面的居中,固定宽度栏目,可变宽度栏目,底部栏目等的综合布局练习完整代码Layout<!--#exesoftcontainer{ font-family: Arial; font-size: 13px; position: relative; width: 80%; margin:0 auto;}#exesoftcontainer #logo {
2016-12-12 16:21:25
663
原创 [Web前端技术教学]实现文字阴影-博客指定作业
练习目标实现文字阴影完整代码文字阴影<!--#father{ margin:15px; font-family:黑体; font-size:60px; font-weight:bold; position:relative;}#word{ position:absolute; z-index:1;}#shadow{ color:#AAAAA
2016-12-12 09:31:38
925
2
原创 [Web前端技术教学]利用行内CSS技术对CSDN博客的细致美化
背 景 阴 影 及 边 框充分利用CSS代码技术,美化博客的每一个细节. 有 序 列 表 及 虚 线为了能实现相片的整体感,下面设置两种类比,分别用来存放横拍和竖拍的照片....因为相片有横向展示的....由于相片有两种不同的显示方式....利用pading属性...利用标签... 无 序 列 表 及 虚 线
2016-12-09 16:46:02
615
原创 [Web前端技术教学]图片与文字混排基础练习-3
练习目标1在 [Web前端技术教学]图片与文字混排基础练习-2 的基础继续演化:每段文字第一行文字右缩进2个字符.修改代码修改CSS的p选择器,增加一个声明:text-indent:2em;练习目标2在 [Web前端技术教学]图片与文字混排基础练习-2 的基础继续演化:每段文字第一行文字右缩进2个字符.
2016-12-09 15:27:56
919
原创 [Web前端技术教学]图片与文字混排基础练习-2
练习目标在[图片与文字混排基础练习-1]基础上,继续演化:每段文字右上方增加一个图片,同样也是文字可以环绕图片.通过Div盒子美化复制完成类似列表格式.浏览器变窄时,溢出的内容要隐藏.完整代码练习2p{ font-size:14px; line-height:1.5;}img{ border:1px gray dashed;
2016-12-09 11:41:12
1467
原创 [Web前端技术教学]图片与文字混排基础练习-1
实现目标左上角是图片,段落文字环绕图片完整代码<!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/...
2016-12-09 11:25:03
2161
原创 [Web前端技术教学]网页布局-基础布局练习-带框的界面铺满整个浏览器
练习目标:带黑框的绿色界面铺满整个浏览器,并随着浏览器的伸缩而伸缩.代码如下:基础大布局<!--html { height:100%;}body { margin: 0px; height:100%; }#father{ background-color: #00FF00; height:100%; border-left: 10px solid #FF
2016-12-08 21:49:41
1482
原创 [Web前端技术教学]网页布局-居中方法小结
1.利用margin的左右auto<!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">...
2016-12-06 18:36:29
929
原创 [Web前端技术教学]网页布局-float及负margin技术的再认识-2
Demo-1:利用margin及文本居中,使整个版面居中无标题文档<!--*{ margin: 0px; padding: 0px;}.container{ width:80%; text-align: center; margin:0 auto;}.content { float: left; height: 500px; width: 100%; b
2016-12-06 17:04:34
697
Asp.net MVC4教学-动态表格
2019-03-27
VC++启蒙作品-划拳酒令软件-源代码
2015-02-03
弗洛伊德最短路径算法VC++演示源代码
2015-02-03
VC++启蒙作品-选票写正统计软件-VC++源代码
2015-02-02
石头剪刀布软件VC++源代码
2015-02-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人