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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • selected="selected"前面要加空格。
    查看全部
  • meta标签的作用有:搜索引擎优化(SEO),定义页面使用语言,自动刷新并指向新的页面,实现网页转换时的动态效果,控制页面缓冲,网页定级评价,控制网页显示的窗口等
    查看全部
  • HTML的全写是Hyper Text Markup Language翻译成中文是超文本标记语言,何为标记语言?标记语言是一套标记标签。所以网页中的内容都要写在标签内。 content(内容类型):重要!!这个网页的格式是文本的,网页模式 charset(编码):特别重要!!!这个网页的编码是utf-8,中文编码,需要注意的是这个是网页内容的编码,而不是文件本身的,其他类型的编码中文可能会出现乱码。
    查看全部
  • <pre>语言代码段</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • html4.01版本 <hr> xhtml1.0版本 <hr /> 添加水平线
    查看全部
  • 优先级:内联式 > 嵌入式 > 外部式 嵌入式>外部式 是在嵌入式css样式的位置在外部式的后面。 满足于就近原则(离被设置元素越近优先级别越高)。
    查看全部
    1 采集 收起

    2018-03-22

  • 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码: <link href="base.css" rel="stylesheet" type="text/css" /> 注意: 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。
    查看全部
    0 采集 收起

    2018-03-22

  • 嵌入式css样式(可以把css样式代码写在<style type="text/css"></style>标签之间): for example: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。
    查看全部
    1 采集 收起

    2018-03-22

  • 内联式<p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

  • 字体缩写 网页中的字体css样式代码也有他自己的缩写方式,下面是给网页设置字体的代码: body{ font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.5em; font-family:"宋体",sans-serif; } 这么多行的代码其实可以缩写为一句: body{ font:italic small-caps bold 12px/1.5em "宋体",sans-serif; } 注意: 1、使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight、font-style、font-varient、line-height)如未指定将自动使用默认值。 2、在缩写时 font-size 与 line-height 中间要加入“/”斜扛。 一般情况下因为对于中文网站,英文还是比较少的,所以下面缩写代码比较常用: body{ font:12px/1.5em "宋体",sans-serif; } 只是有字号、行间距、中文字体、英文字体设置。
    查看全部
    0 采集 收起

    2018-03-22

  • 盒子模型外边距margin 盒子模型内填充padding 盒子模型边框border 都有四个方向:left right top bottom 元素实际高度(宽度)=本身高(宽)+上下(左右)内填充+上下(左右)边框 盒子模型特征:块标签-div p ul ol h table
    查看全部
  • <img src="图片地址"alt="下载失败时的替换文本"title="提示文本(鼠标放到图片上时)"> src:标识图像的位置; alt:图片下载失败时的替换文本; title:提供图像可见时对图像的描述(鼠标滑过图片时的文本)
    查看全部
    0 采集 收起

    2018-03-22

  • 创建表格的四个元素: table、tbody、tr、th、td 1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。 2、<tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码。 3、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。 4、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。 5、<th>…</th>:表格的头部的一个单元格,表格表头。 6、表格中列的个数,取决于一行中数据单元格的个数。 table表格在没有添加css样式之前,在浏览器中显示是没有表格线的
    查看全部
    0 采集 收起

    2018-03-22

  • 层模型有三种形式: 1、绝对定位(position: absolute) 2、相对定位(position: relative) 3、固定定位(position: fixed)
    查看全部
  • 把一些独立的逻辑部分划分出来,放在一个<div>标签中,这个<div>标签的作用就相当于一个容器。 逻辑部分?它是页面上相互关联的一组元素。如网页中的独立的栏目版块,
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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