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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 行内元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • html中的标签元素分三种不同的类型: 块状元素、内联元素和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 字间距/字母间距: letter-spacing:20px; 注意:当设置元素为英文时,letter-spacing设置的是英文字母之间的间隔,不是单词的间隔。
    查看全部
    0 采集 收起

    2018-03-22

  • 缩进:text-indent:2em 注意:2em的意思就是文字的2倍大小。
    查看全部
    0 采集 收起

    2018-03-22

  • text-decoration:line-through; 删除线
    查看全部
    0 采集 收起

    2018-03-22

  • <ol> <li>信息</li> <li>信息</li> ...... </ol>有顺序信息
    查看全部
    0 采集 收起

    2018-03-22

  • 语法: <ul> <li>信息</li> <li>信息</li> ...... </ul> 举例: <ul> <li>精彩少年</li> <li>美丽突然出现</li> <li>触动心灵的旋律</li> </ul> 输出语句前方带。
    查看全部
    1 采集 收起

    2018-03-22

  • <code>代码语言</code> 注:如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • <address> </address>地址标签(斜体)
    查看全部
    0 采集 收起

    2018-03-22

  • 重要性: 有些特殊的情况需要为某些样式设置具有最高权值,可以使用!important p{color:red!important;} 注意:!important要写在分号的前面
    查看全部
  • 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。 p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/ 注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低。
    查看全部
  • 在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 注意:使用这一简写方式你至少要指定 font-size 和 font-family 属性,其他的属性(如 font-weight,font-style,font-varient)如未指定将自动使用默认值。
    查看全部
    0 采集 收起

    2018-03-22

  • !important: 提升权值
    查看全部
  • <q>标签是对简短文本的引用,给文本自动添加引号 blockquote标签,长文本引用 浏览器对<blockquote>标签的解析是缩进样式。
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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