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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • div标签:自定义块</p><p>在网页制作过程过中,可以把一些独立的逻辑部分(它是页面上相互关联的一组元素。如网页中的独立的栏目版块,就是一个典型的逻辑部分。

    查看全部
  • <head><style>h1{colos:gray;}</style></head>

    <h1>...</h1>

    使用<hx>标签来制作文章的标题。标题标签一共有6个,h1、h2、h3、h4、h5、h6依据重要性递减。<h1>是最高的等级

    查看全部
  • <span>文本</span>   作用:设置单独的样式用<style>span{ 特殊样式的内容  }</style>   放在<head>中

    查看全部
  • 创建表格的四个元素:table、tr、th、td

    1、<table>…</table>:整个表格以<table>标记开始、</table>标记结束。

    2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。

    3、<td>…</td>:表格的一个单元格,一行中包含几对<td>...</td>,说明一行中就有几列。

    4、<th>…</th>:表格的头部的一个单元格,表格表头。

    5、表格中列的个数,取决于一行中数据单元格的个数。

    6、border属性可以为表格添加边框,属性值为数字。

    注意:

    1、table标签用来定义整个表格,为双标签,必须有结束标签。

    2、table标签里面可以放caption标签和tr标签。

    3、caption标签用来定义表格的标题。

    4、tr标签用来设置表格的行,tr里面只能放th或者td标签,一组tr标签代表一行。

    5、th用来设置表格的标题,会加粗居中显示。也就是th标签中的文本默认为粗体并且居中显示。

    6、td同来设置表格的列,一组td标签代表一列。

    7、table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。

    查看全部
  • 12行?

    查看全部
  • <!DOCTYPE html>

    <html>

        <head>

            <meta charset="UTF-8">

            <title>认识html文件基本结构</title>

        </head>

        <body>

            <h1>在本小节中,你将学会认识html文件基本结构</h1>

        </body>

        </html>

    查看全部
  • <input type="url" />

    必须在<form>标签内提交时才检测内容是否正确

    查看全部
  • thead、tfoot 以及 tbody 元素使您有能力对表格中的行进行分组。当您创建某个表格时,您也许希望拥有一个标题行,一些带有数据的行,以及位于底部的一个总计行。这种划分使浏览器有能力支持独立于表格标题和页脚的表格正文滚动。当长的表格被打印时,表格的表头和页脚可被打印在包含表格数据的每张页面上。

    查看全部
  • <tbody>…</tbody>:如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构, tbody包含行的内容下载完优先显示,不必等待表格结束后在显示,同时如果表格很长,用tbody分段,可以一部分一部分地显示。(通俗理解table 可以按结构一块块的显示,不在等整个表格加载完后显示。)

    查看全部
  • Eatenine

    1.TD:英文全称是"tabledatacell",中文意思是“表中的数据单元”。

    2.TR:英文全称是"tablerow"的缩写”的缩写。

    3.TH:英文全称是"tableheadercell"的缩写,在中文中是“表头单元格”的意思。

    查看全部
  • 技术点的解释:

    1、设置display: flex属性可以把块级元素在一排显示。

    2、flex需要添加在父元素上,改变子元素的排列顺序。

    3、默认为从左往右依次排列,且和父元素左边没有间隙。

    查看全部
  • 参照定位的元素必须加入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定位了(这里注意参照物就可以不是浏览器了,而可以自由设置了)。

    查看全部
  • src标识图像的位置

    alt

    title

    查看全部
  • 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。

    常用的块状元素有:

    <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form>

    常用的内联元素有:

    <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code>

    常用的内联块状元素有:

    <img>、<input>

    查看全部
  • 如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。

    2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器

    查看全部

举报

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

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