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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • padding和margin的区别,padding在边框里,margin在边框外。
    查看全部
  • 有序列表 <ol> <li>信息</li> <li>信息</li> ...... </ol>
    查看全部
    0 采集 收起

    2018-03-22

  • ul-li是没有前后顺序的信息列表。 ul-li在网页中显示的默认样式一般为:每项li前都自带一个圆点,如下图所示:
    查看全部
    0 采集 收起

    2014-11-29

  • <pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。
    查看全部
    0 采集 收起

    2018-03-22

  • 当代码为一行代码时,你就可以使用<code>标签了 如果是多行代码,可以使用<pre>标签。
    查看全部
    0 采集 收起

    2018-03-22

  • <hr />标签和<br />标签一样也是一个空标签,所以只有一个开始标签,没有结束标签。
    查看全部
  • &nbsp: &NON-breaking new space 不断行空格
    查看全部
  • 对齐: 为块状元素中的文本、图片设置居中样式: h1{text-align:center/left/right;} 为图片设置水平居中显示: div{text-align:center;} <div><img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" ></div>
    查看全部
    0 采集 收起

    2018-03-22

  • 当用户需要在表单中输入大段文字时,需要用到文本输入域。 语法: <textarea rows="行数" cols="列数">文本</textarea> 1、<textarea>标签是成对出现的,以<textarea>开始,以</textarea>结束。 2、cols :多行输入域的列数。 3、rows :多行输入域的行数。 4、在<textarea></textarea>标签之间可以输入默认值。
    查看全部
  • 字间距、字母间距: 设置中文间距/设置字母与字母之间的间距:letter-spacing 设置英文单词之间的间距:用word-spacing h1{ letter-spacing:50px;}
    查看全部
    0 采集 收起

    2014-11-29

  • 通用选择器(*) 使用一个(*)号指定,它的作用是匹配html中所有标签元素(即所有在html中的标签)
    查看全部
  • 行间距: p{line-height:1.5em;} ——设置段落行间距为1.5倍。
    查看全部
    0 采集 收起

    2014-11-29

  • 子选择器 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码: .food>li{border:1px solid red;} 这行代码会使class名为food下的第一个层次的子元素li(水果、蔬菜)加入红色实线边框。
    查看全部
  • 可以使用类选择器词列表方法为一个元素同时设置多个样式(一个元素可以有多个并列的类名修饰)。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。 .stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p> 上面代码的作用是为“三年级”三个文字设置文本颜色为红色并且字号为25px。
    查看全部
  • 缩进:中文文字中的段前习惯空两个文字的空白 p{text-indent:2em;} ——————注意:2em的意思就是文字的2倍大小。 indent:(n)缩进
    查看全部
    0 采集 收起

    2014-11-29

举报

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

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