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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 段落排版--行间距: line-height
    查看全部
    0 采集 收起

    2014-11-27

  • 段落排版--缩进: text-indent: xx(阿拉伯数字) em; 2em的意思就是文字的2倍大小
    查看全部
    0 采集 收起

    2014-11-27

  • 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 每一条css样式定义由两部分组成,形式如下: 选择器{ 样式; }
    查看全部
  • 三种样式的优先级:内联式>嵌入式>外部式(就近原则:离被设置元素越近优先级别越高) 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面(实际开发中也是这么写的)。
    查看全部
    0 采集 收起

    2018-03-22

  • 注意: 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

  • blockquote标签,长文本引用 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 等等,上一节<q>标签不是也是对文本的引用吗?不要忘记<q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。 如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用<blockquote>。 语法: <blockquote>引用文本</blockquote> 如下面例子: <blockquote>明月出天山,苍茫云海间。长风几万里,吹度玉门关。汉下白登道,胡窥青海湾。由来征战地,不见有人还。 戍客望边色,思归多苦颜。高楼当此夜,叹息未应闲。</blockquote> 浏览器对<blockquote>标签的解析是缩进样式。如下
    查看全部
    0 采集 收起

    2018-03-22

  • 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内, 1、css样式文件名称以有意义的英文字母命名,如 main.css。 2、rel="stylesheet" type="text/css" 是固定写法不可修改。 3、<link>标签位置一般写在<head>标签之内。
    查看全部
    0 采集 收起

    2018-03-22

  • 加入强调语气,使用<strong>和<em>标签 有了段落又有了标题,现在如果想在一段话中特别强调某几个文字,这时候就可以用到<em>或<strong>标签。 但两者在强调的语气上有区别:<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示。两个标签相比,目前国内前端程序员更喜欢使用<strong>表示强调。 语法: <em>需要强调的文本</em> <strong>需要强调的文本</strong> 如,在网上商城中,某产品的打折后的价格是需要强调的。如下图。
    查看全部
    0 采集 收起

    2018-03-22

  • 选择器子选择器: 即大于符号(>),用于选择指定标签元素的第一代子元素。
    查看全部
  • 注意:因为h1标签在网页中比较重要,所以一般h1标签被用在网站名称上。腾讯网站就是这样做的。如:<h1>腾讯网</h1> h1-h6标签的默认样式:
    查看全部
    0 采集 收起

    2018-03-22

  • 文章的段落用<p>标签,那么文章的标题用什么标签呢?在本节我们将使用<hx>标签来制作文章的标题。 标题标签一共有6个,h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。 语法: <hx>标题文本</hx> (x为1-6) 文章的标题前面已经说过了,可以使用标题标签,另外网页上的各个栏目的标题也可使用它们。如下图为腾讯网站。h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。
    查看全部
    0 采集 收起

    2018-03-22

  • summary:语义化,以前没有用过,不错。。。。 caption:用以表示表格标题
    查看全部
    0 采集 收起

    2014-11-27

  • <p>标签的默认样式,可以在上图中看出来,段前段后都会有空白,如果不喜欢这个空白,可以用css样式来删除或改变它。
    查看全部
    0 采集 收起

    2018-03-22

  • 也来试试:为Hello World添加样式 1.在右边编辑器的第8行,输入font-size:12px;(注意结果窗口的文字大小的变化)。 2.在右边编辑器的第9行,输入color:#930;(注意结果窗口的文字颜色的变化)。 3.在右边编辑器的第10行,输入text-align:center;(注意结果窗口的文字居中的变化)。
    查看全部

举报

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

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