• 盒子模型的margin负数用法

    盒子的margin用法大家都应该很清楚,在实际中一般使用margin来水平居中或者让自己移动相应的位置,但是margin给负数在实际中也是有用的。 如图为两个浮动的盒子。 给左边的盒子margin-left: -50px;后如图所示 如图,蓝色盒子移动了,但是粉色盒子自身只是被压住了,并...

    2018-06-24 02:26:56

  • 课时41.表格的结构(了解)

    我们打开上节课做出来的页面,然后点击鼠标右键“检查” 我们发现整个表格都是一个table标签,标题就是caption,而标题caption下面是tbody.../tbody 我们上节课并没有写这个标签,所以事实证明我们上节课写的表格不是一个完整的表格,那么到底什么是一个完整的表格呢?...

    2018-06-24 02:26:55

  • 课时40.表格中的其它标签(理解)

    利用我们表格标签来做一个案例: 通过这个案例来给大家介绍下表格标签中的其它标签 1.ctrl+alt+n新建一个文件,命名为24-表格标签的其它标签 然后我们在这个程序中输入代码,我们观察这个图片发现标题是h2,然后下面是一个表格标签,一共是六行六列,我们先做出来标题...

    2018-06-24 02:26:53

  • 课时25.a标签基本使用(掌握)

    什么是a标签? 我们打开百度或者淘宝网页,观察任何一个超链接都会发现它有如下特质: 有下划线 移上去有小手指 可以点击 a标签的作用:就是用于控制页面与页面之间跳转的 a标签的格式:a href="指定需要跳转的目标界面"需要展现给用户查看的内容/a a标签有一个叫做tar...

    2018-06-24 02:26:52

  • 纯CSS打造淘宝导航菜单栏

    店铺装修-PC端-基础页-首页-装修页面:编辑菜单模块-显示设置,粘贴如下CSS: /* 导航条背景色 */ .skin-box-bd .menu-list { background : none repeat scroll 0 0 #3F7FCE ;} /* 首页/店铺动态背景色 */ .skin-box-bd .menu-list .link { background : none repeat s...

    2018-06-24 02:26:52

  • 课时28.假链接(掌握)

    什么是假链接? 就是点击之后不会跳转的链接我们称之为假链接。 假链接存在的意义? 在企业开发前期,其他界面都没有写出来,那么,我们就不知道应该跳转到什么地方,所以就只能使用假链接来代替,当项目后期其其它界面都已经完成时再将假链接替换回真链接。 假链接格...

    2018-06-24 02:26:50

  • 课时39.细线表格(理解)

    请你设计出以下图片里的这个样式的表格 步骤: 我先来制作一个两行两列的表格 2.将table里的cellspacing设置成0 外边距是不见了,但是和我们想要完成的图片有一定的差距,我们发现这样做出来的图片好像是两条线合并到了一起一样,实际上确实是两条线合并到了一起的,它...

    2018-06-24 02:26:48

  • HTML总结

    HTML 是文本标记语言( Hyper Text Mark-up Language ) Html 文件的扩展名一般为 .html 或者 .htm Html 内的标签一般是成对出现,有开始就有结束 第一个标签: html 所有网页内容都是放在 html 标签内 /html html 标签是网页是最大的标签 第二个标签:在 html 有两个...

    2018-06-24 02:26:48

  • input元素默认选中设置

    单选按钮: 加checked=checked属性 复选框 加checked=checked属性 select下拉框 加selected=selected属性 date日期: value='2018-06-06' 普通文本框: value="你要默认展示的值" textarea: 没有value属性,写在textarea标签里边...

    2018-06-24 02:26:47

  • css代码添加背景图片常用代码

    css代码添加背景图片常用代码 1 背景颜色 { font-size: 16px; content: ""; display: block; width: 700px; height: 0px; margin: 20px 0px;" 2 背景图片 {background-image: url(url)|none} 3 背景重复 {background-repeat:inherit|no-repeat|repeat|repeat-x|repeat-...

    2018-06-24 02:26:47

2