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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • CSS样式可以写在哪些地方呢?从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。

    内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码:

    <p >这里文字是红色。</p>

    并且css样式代码要写在双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码:

    <p >这里文字是红色。</p>

    查看全部
  • 在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)。

    查看全部

  • 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。

    声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示:

    注意:

    1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。

    2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示:

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>CSS样式的优势</title>

        <style type="text/css">

        span {

            color:blue;

        }

        </style>

    </head>


    <body>

        <p>,

    <span>超酷的</span>

    、IT技术免

    <span>服务及时</span>,内容专业、

    <span>有趣</span>。

    !</p>

    </body>


    </html>

    把这三个短语用<span></span>括起来

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>CSS样式的优势</title>

        <style type="text/css">

        span {

            color:blue;

        }

        </style>

    </head>


    <body>

        <p>,

    <span>超酷的</span>

    、IT技术免费学习平台,创新的网络一站式学习、实践体验;

    <span>服务及时贴心</span>,内容专业、

    <span>有趣易学</span>。

    专注服务互联网工程师快速成为技术高手!</p>

    </body>


    </html>

    把这三个短语用<span></span>括起来

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>CSS样式的优势</title>

        <style type="text/css">

        span {

            color:blue;

        }

        </style>

    </head>


    <body>

        <p>慕课网,

    <span>超酷的互联网</span>

    、IT技术免费学习平台,创新的网络一站式学习、实践体验;

    <span>服务及时贴心</span>,内容专业、

    <span>有趣易学</span>。

    专注服务互联网工程师快速成为技术高手!</p>

    </body>


    </html>

    把这三个短语用<span></span>括起来

    查看全部
  • <!DOCTYPE html>

    <html>


    <head>

        <meta charset="UTF-8">

        <title>CSS样式的优势</title>

        <style type="text/css">

        span {

            color:blue;

        }

        </style>

    </head>


    <body>

        <p>慕课网,

    <span>超酷的互联网</span>

    、IT技术免费学习平台,创新的网络一站式学习、实践体验;

    <span>服务及时贴心</span>,内容专业、

    <span>有趣易学</span>。

    专注服务互联网工程师快速成为技术高手!</p>

    </body>


    </html>

    把这三个短语用<span></span>括起来

    查看全部
  • <table border(表格线)>整个表格</table>

    1、<thead>标签表示表格头部</thead>

    一般放<tr>和<th>标签。

    2、<tbody>标签表示表格内容</tbody>

    一般放<tr>和<td>标签

    3、<tfoot>标签表示表格脚部</tfoot>

    一般放<tr>和<td>标签

    查看全部
  • 本课理解:语义化的意思就是在网页制作中,明白每个标签的用途,让制作跟方便快捷,跟合理。

    查看全部
  • 代码注释的作用买段代码必写的,码注释的作用是帮助程序员标注代码的用途,过一段时间后再看你所编写的代码,就能很快想起这段代码的用途。代码注释不仅方便程序员自己回忆起以前代码的用途,还可以帮助其他程序员很快的读懂你的程序的功能,方便多人合作开发网页代码

    类型    注释形式    快捷键    取消注释快捷键    

    单行注释    // 注释内容    ctrl+/     ctrl+/    

    多行注释    /*... 注释内容....*/    ctrl+shift+/     ctrl+shift+\    

    文档注释    /**.. 注释内容....*/    

    查看全部
  • <body><body/>标签对:在网页上面展现出来的页面(包括其他标签)必须要放在<body><body/>标签对里面。

    <h1><h1/>,<h2><h2/>,<h3><h3/>.......<h6><h6/>:标题标签大小

    <p><p/>段落标签

    <span>some text</span> 用来对文本中某个或某些字添加特别效果
    使用方法有很多,比如:
    <sapn >
    或者
    对想赋予效果的文本使用<span>,然后对该span元素的父元素(即p)使用class,
    则可以对这个类的子元素span应用不同效果了
    如对“提示”使用效果
    <p class="tip">...<span>提示:...</span>...
    //然后对span用css进行设置
    p.tip span{
        font-weight:...;
        color:...;
    }

    查看全部
  • <head></head>是头部标签对,通常同来嵌套<meta charest="utf-8">编码标签,<title><title/>标题标签,<style><style/>css样式属性标签......等标签对。

    <title><title/>标签对的内容会在浏览器标题栏上面显示出来。

    查看全部
  • <!doctype html>文档声明标签

    <html>开始标签

    <head>头部标签

    <meta charesrt="utf-8">编码标签

    <title><title/>标题标签

    <head/>头部结尾标签

    <body>主体标签

    <body/>主题结尾标签

    <html/>开始结尾标签

    查看全部
  • <!DOCTYPE html>:文档声明类型,必写

    <html><html/>开始标签对,<html>标签用来标识文档的开始,<html/>标签用来表示文档的结束。

    <head><head/>头部标签对,包含有关HTML文档的信息,包含辅助标签,<title></title>标题标签,<link />链接标签<meta />编码标签,<style></style>css属性标签,<script></script>java标签。

    <body><body/>主题标签对,此表签课包含众多标签.

    查看全部
  • 标签不区分大小写但是一般大小写,标签与标签之间可以嵌套但是要先后顺序要一致。

    查看全部
  • <caption></caption>标签表示表格标题。

    有几对<tr></tr>标签表示表格有几行。

    <tr></tr>中有几对<th></th>或<td></td>标签表示表格有几列。

    查看全部
  • <p><p/>标签对是段落标签

    <style><style/>是设置css属性标签

    font-size:字体大小

    color:颜色

    text-align:文本排列方式  center是居中

    查看全部
  • <! DOCTYPE html>

    <html>

    <head>

    <meta charest="utf-8">

    <title><title/>

    <head/>

    <body>

    <body/>

    <html/>

    首先练习背诵框架的代码,<head/>到<body>之间是用来显示写的东西,除了这个方法还有另外一个方法:在<body><body/>标签对里面也可以显示写的东西

    查看全部

举报

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

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