为了账号安全,请及时绑定邮箱和手机立即绑定
慕课网数字资源数据库体验端
初识HTML(5)+CSS(3)_学习笔记_慕课网
为了账号安全,请及时绑定邮箱和手机立即绑定

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 1、参照定位的元素必须是相对定位元素的前辈元素: <div id="box1"><!--参照定位的元素--> <div id="box2">相对参照元素进行定位</div><!--相对定位元素--> </div> 从上面代码可以看出box1是box2的父元素(父元素当然也是前辈元素了)。 2、参照定位的元素必须加入position:relative; #box1{ width:200px; height:200px; position:relative; } 3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。 #box2{ position:absolute; top:20px; left:30px; } 这样box2就可以相对于父元素box1定位了(这里注意参照物就可以不是浏览器了,而可以自由设置了)。
    查看全部
  • <span>标签是没有语义的,它的作用就是为了设置单独的样式用的。 span范围
    查看全部
    0 采集 收起

    2018-03-22

  • 如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签。 在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。 emphasize强调
    查看全部
    0 采集 收起

    2018-03-22

  • 使用<hx>标签来制作文章的标题。 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。 head 头
    查看全部
    0 采集 收起

    2018-03-22

  • <p>段落文本</p> <p>标签的默认样式,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。 paragraph 段落
    查看全部
    0 采集 收起

    2018-03-22

  • margin可以设置大小: top|bottom|left|right 缩写:margin TT BB LL RR;
    查看全部
  • padding可以设置大小: top|bottom|left|right 缩写:padding TT BB LL RR;
    查看全部
  • 盒子模型的边界=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界: width:内容宽度 border:边框 padding:填充 margin:边界
    查看全部
  • 为表格添加横格 <style type="text/css"> table tr td,th{border:1px solid #000;} </style>
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。
    查看全部
    0 采集 收起

    2018-03-22

  • p{text-indent:2em;} 注意:2em的意思就是文字的2倍大小
    查看全部
    0 采集 收起

    2014-11-24

  • 流动模型(二) 第二点,在流动模型下,内联元素都会在所处的包含元素内从左到右水平分布显示。(内联元素可不像块状元素这么霸道独占一行) 右侧代码编辑器中内联元素标签a、span、em、strong都是内联元素。
    查看全部
  • 先来说一说流动模型,流动(Flow)是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征: 第一点,块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。实际上,块状元素都会以行的形式占据位置。如右侧代码编辑器中三个块状元素标签(div,h1,p)宽度显示为100%。
    查看全部
  • 位border设置单独方向的边框的后缀属性: top bottom left right
    查看全部

举报

0/150
提交
取消
课程须知
没有任何WEB经验的WEB应用程序开发者、对WEB前端技术感兴趣的用户均可学习本教程。
老师告诉你能学到什么?
本教程代领大家轻松学习HTML(5)、CSS(3)样式基础知识,可以利用HTML(5)、CSS(3)样式技术制作出简单页面。
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!