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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 了解HTML的代码注释 什么是代码注释?代码注释是帮助程序员标注代码的作用,过一段时间后再看你所编写的代码,就能很快想起这段代码的作用。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码。 语法: <!--注释文字 -->
    查看全部
  • 认识head标签 下面这些标签可用在 head 部分: <head> <title>...</title> <meta> <link> <style>...</style> <script>...</script> </head> <title>标签:在<title>和</title>标签之间的文字内容是网页的标题信息,它会出现在浏览器的标题栏中。网页的title标签用于告诉用户和搜索引擎这个网页的主要内容是什么,搜索引擎可以通过网页标题,迅速的判断出网页的主题。每个网页的内容都是不同的,每个网页都应该有一个独一无二的title。
    查看全部
  • 子选择器 (大于符号(>)) 用于选择指定标签元素的第一代子元素 .food>li {border:1px solid red;} 代码解释:class名为 food 下的子元素 li 加入红色实线边框。
    查看全部
  • 认识html文件基本结构 <html> <head>...</head> <body>...</body> </html> 1. <html></html>称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签 3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签
    查看全部
  • 标签的语法 1. 标签由英文尖括号<和>括起来,如<html>就是一个标签。 2. html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 如: (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面 4. HTML标签不区分大小写,<h1>和<H1>是一样的,但建议小写,因为大部分程序员都以小写为准。
    查看全部
  • 类和ID选择器的区别:相同点:可以应用于任何元素 不同点:1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表) 相比之下,类选择器比较灵活,可以预先定义好几个类的样式,需要时可以在html文本中通过<span></span>标签引入一个或者多个样式。而id选择器则比较固定,只能针对某一标签进行样式的定义,这是由于html文本中id的唯一性导致的
    查看全部
  • 认识html标签 1.<h1></h1>就是标题标签 2.<p></p>是段落标签 3.<img src="1.jpg">是图片标签
    查看全部
    0 采集 收起

    2018-03-22

  • Html和CSS的关系 1. HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。 2. CSS样式是表现。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。 3. JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
    查看全部
  • 在很多方面ID选择器都和类选择器有相似之处,但也有重要的区别: ID选择器:id="id名称" 类选择器:class="类名称" id选择器:#(id名称){css样式代码;} 类选择器:.(类名称){css样式代码;} #id { color:red; } <span id="id">文本</span>
    查看全部
    1 采集 收起

    2018-03-22

  • 在网页上设置删除线: .oldPrice{text-decoration:line-through;}
    查看全部
    0 采集 收起

    2015-01-04

  • 块状元素这么霸道都是独占一行,如果现在我们想让两个块状元素并排显示,怎么办呢?不要着急,设置元素浮动就可以实现这一愿望。任何元素在默认情况下是不能浮动的,但可以用CSS定义为浮动,如div、p、table、img等元素都可以被定义为浮动。如下代码可以实现两个div元素一行显示。
    查看全部
  • 第一个网页
    查看全部
  • html中的两种注释: <!--注释内容--> /*注释内容*/ CSS中的注释: /*注释内容*/
    查看全部
  • 层叠样式表 (Cascading Style Sheets)
    查看全部
  • 〈input type="radio/checkbox" name="同一组内容的空间名" value="不同选择的值用于后台选择" checked="checked当前选项的选择情况">
    查看全部

举报

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

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