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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <q></q>标签表示短文本的引用 <blockquote></blockquote>表示长文本的引用且显示效果表示为缩进样式
    查看全部
    0 采集 收起

    2018-03-22

  • css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内
    查看全部
    0 采集 收起

    2018-03-22

  • <q></q> q标签表示引用别人的话,浏览器效果为自动加上双引号
    查看全部
    0 采集 收起

    2018-03-22

  • <em></em> 标签表示强调,显示效果为斜体; <strong></strong> 标签表示更强烈的强调,显示为加粗 <span></span> 相当于占位符,表示对某个位置的引用,便于修改样式
    查看全部
    0 采集 收起

    2018-03-22

  • 标签可以嵌套,可以<p></p>这样写,也可以自结束<br/>.HTML语言不区分大小写,但一般标签用小写! 几个常用标签: <a></a> 超链接 <b></b> 加粗 <br/> 换行 <hr/> 华丽的水平分割线 <h#></h#> #表示1-6 标题标签 <p></p> 段落标签 <span></span> 表示占位符 <ul></ul> 无序列表 <ol></ol> 有序列表 <li></li>
    查看全部
  • 第十二章 父relative+子absolute 可实现相对偏移。此章节存疑
    查看全部
  • 第十二章 ++绝对定位使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。 ++相对定位通过left、right、top、bottom属性确定元素在正常文档流中的偏移位置。相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动。 ++固定定位,其相对移动的坐标是视图(屏幕内的网页窗口)本身.
    查看全部
  • 表格内容非常多时,表格会下载一点显示一点,加上<tbody>标签后,要等表格内容全部下载完才会显示。 <tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 <td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 <th>…</th>:表格的头部的一个单元格,表格表头,文本默认为粗体并且居中显示。
    查看全部
    0 采集 收起

    2018-03-22

  • 第十二章 1.关于流动模型(Flow) 流动模型中块状元素自上而下排列,内联元素自左而右排列 2.关于浮动模型(float) 可通过定义块状元素float:left、right设置元素的浮动 3、关于层模型(layer) 通过定义元素的position:absolute/relative/fixed确定元素的绝对定位、相对定位、固定定位。
    查看全部
  • 第十一章:关于盒子模型 padding border margin表示内填充、边框、外边界 border设置的顺序为边框粗细、边框样式、边框颜色;可通过top、bottom、left、right单独设置边框属性 p{border:5px solid red;} 可以写成 p{ borded-width:5px; border-style:solid/dotted/dashed; border-color:red } padding\margin属性的设置顺序为顺时针。 padding:20px;10px; 表示上下20px,左右10px;
    查看全部
  • 第十一章笔记 B、行内元素 <span>、<a>、<label>、<input>、 <img>、 <strong> 、<em> 当行内元素之间有“回车”、“tab”、“空格”时就会出现间隙。一种方法是将所有行内元素写在一行内,另一种方法是定义font-size:0px 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • 第十一章笔记 A.块级元素 div>、 <p>、<h1>、<form>、<ul> 、<li> ul,li,h1,h2,h3,p{margin:0;padding:0} ul\li\h\p默认存在padding和margin值,因此会在浏览器显示空行。 属性:1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • 摘要 摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。 语法:<table summary="表格简介文本"> 标题 用以描述表格内容,标题的显示位置:表格上方。 语法: <table> <caption>标题文本</caption> <tr> <td>…</td> <td>…</td> … </tr> … </table>
    查看全部
    0 采集 收起

    2018-03-22

  • 用css样式,为表格加入边框 Table表格在没有添加css样式之前,是没有边框的。这样不便于我们后期合并单元格知识点的讲解,所以在这一节中我们为表格添加一些样式,为它添加边框。 在右侧代码编辑器中添加如下代码: <style type="text/css"> table tr td,th{border:1px solid #000;} </style> 上述代码是用css样式代码(后面章节会详细讲解),为th,td单元格添加粗细为一个象素的黑色边框。 solid:实线
    查看全部
    0 采集 收起

    2018-03-22

  • 第十章笔记: font-family:"Microsoft Yahei" 字体 font-size 字号 font-weight:bold 设置加粗 color 颜色 font-style:italic 设置斜体 text-decoration:underline 设置下划线 text-decoration:line-through 设置删除线 text-indent:2em 设置首行缩进2字符 line-height:2em 设置行间距为2倍行距 letter-spacing 设置字符间距 word-spacing 设置词组间距 text-align:center/left/right 设置
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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