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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <table summary="表格简介文本"> <caption>表格标题</caption> <tr><th></th></tr> <tr><td></td></tr> </table> </table>
    查看全部
    0 采集 收起

    2018-03-22

  • <style type="text/css"> table,tr,th,td{border:1px;solid:#000;}(边框像素为1,颜色为黑色) </style>要放在<head></head>头文档中
    查看全部
    0 采集 收起

    2018-03-22

  • <table> <tbody> <tr>(行数) <th></th>(表头1,浏览器默认加粗) <th></th>(表头2,浏览器默认加粗) </tr> <tr> <td></td>(列数) <td></td>(列数) </tr> </tbody>(表格下载完显示) </table>
    查看全部
    0 采集 收起

    2018-03-22

  • &nbsp; 添加空格,记得分号
    查看全部
  • <div id="独立(唯一)名称">……………………</div>
    查看全部
    0 采集 收起

    2018-03-22

  • 容器标签<div></div>,可以用来划分版块
    查看全部
    0 采集 收起

    2018-03-22

  • 1.<table>…</table>表格开始 2.<tbody>…</tbody>表格下载完显示 3.<tr>…</tr>表格行 4.<td>…</td>单元格 个数表示列数 5.<th>…</th>表格表头 默认加粗 居中 6.table表格在没有添加css样式之前,在浏览器中显示是没有表格线的
    查看全部
    0 采集 收起

    2018-03-22

  • <ol><li>第一个列表信息</li><li>第二个列表信息</li></ol> 有序的新闻列表标签,浏览器默认样式li前自带序号
    查看全部
    0 采集 收起

    2018-03-22

  • <ul><li></li></ul>新闻标签,浏览器默认样式li前自带一个点,是无序的。
    查看全部
    0 采集 收起

    2018-03-22

  • div{ width:200px; height:200px; border:2px red solid; } #div1{float:left;} #div2{float:right;}
    查看全部
  • 外部式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>标签之间
    查看全部
    0 采集 收起

    2018-03-22

  • 分组选择符 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • font-variant:small-caps;表示字体全为小型大写,除第一个字母为大型大写
    查看全部
    0 采集 收起

    2014-12-08

  • 网页中的字体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

举报

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

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