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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • html5文档结构:

    <!DOCTYPE html> <!--文档类型声明,表示该文件为HTML5文件-->
    <html> <!--html标签位于html文档的最前面,用来标识HTML文档的开始-->
    <head> <!--head标签为头部标签,一般用来放置meta和title标签等-->
      <meta charset="UTF-8"> <!--声明当前文件字符集编码为utf-8-->
      <title>html文件结构</title> <!--title标签设置浏览器标题-->
    </head>    
    
    <body>
      <!--body标签即为网页要展示的信息-->
    </body>
    </html>
    查看全部
  • flow     流动模型
    float    浮动模型
    llayer   层模型

    查看全部
  • 块元素在页面中以区域块的形式出现,每个块元素都会独自占据一整行或多整行,其中<div>标记为最典型的块元素。内联元素特点是不必在新的一行开始,同时,也不强迫其他的元素在新的一行显示。一个行内元素通常回合他前后的其他行内元素显示在同一行中,他们不占有独立的区域,仅仅靠自己的字体大小和图像尺寸来支撑结构,一般不可以设置高度宽度等属性,常用语控制页面中文本的样式,<span>标记是最典型的行内元素。内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码disp...

    查看全部
  • font-family:字体类型;
    font-size:字体大小;
    font-weight:bold:设置为粗体样式;
    font-style:italic:设置为斜体样式;
    text-decoration:underline:文字设置下划线;
    text-decoration:line-through:删除线;
    text-indent:2em:缩进;(注意:2em的意思就是文字的2倍大小。)
    line-height:2em:行高;
    word-spacing:50px:单词间距;
    letter-spacing:20px:字母间距;
    text-align:center:水平居中对齐;
    font-weight:normal;/*去掉粗体样式*/
    vertical-align:middle:垂直居中;
    overflow:hidden:溢出隐藏;
    display:inline-block:内联块;
    clear:both;清除浮动;
    vertical-align:垂直对齐;
    鼠标经过它时候的效果:
    a:link {color: #FF0000} /* 未访问时的状态 */;
    a:visited {color: #00FF00} /* 已访问过的状态 */;
    a:hover {color: #FF00FF} /* 鼠标移动到链接上时的状态 */;
    a:active {color: #0000FF} /* 鼠标按下去时的状态 */;
    标签:
    <table>:创建表格;
    <form>标签的使用方法:
    <form>
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male" />
    </form>;
    边框border、内边距padding、内容content、背景background、外边距margin、实线solid


    查看全部
  • 2 ,hrml
    查看全部
  •  a,

        span,
        em {
            background: pink;
         display: inline-block;
        padding: 10px;
        margin:0px;
        border: solid 3px #3acded;
        border-radius: 5px  /*设置a、span、em标签背景颜色都为粉色*/
        }

    查看全部

举报

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

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