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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • //伪类选择器:hover是指鼠标划过的动作 <style type="text/css"> a:hover{ color:red; font-size:20px; } </style>
    查看全部
  • 超链接语法:<a href=”目标网址”>链接显示的文本</a>
    查看全部
    0 采集 收起

    2018-03-22

  • 段落排版: text-indent:2em;2空缩进 line-height:xxem; 行间距 letter-spacing:xxpx; 字间距 text-align:left/right/center 对齐 单位: em 文字的几倍大小,缩进 行间距 px 字间距
    查看全部
    0 采集 收起

    2014-09-29

  • 优先级:内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。 总结来说,就是--就近原则(离被设置元素越近优先级别越高)
    查看全部
    0 采集 收起

    2018-03-22

  • 子选择器用的是> 指它的直接后代也就是第一个标签。如果用空格 就是后代选择器,适用于所有的标签。
    查看全部
  • color设定字体颜色(比如:red) text-decoration 设定删除线(line-through)和下划线(underline) font-weight 设定粗体(bold) font-style 设定斜体(italic) font-size 设定字体大小(用px,比如:20px) font-family 设定字体(比如:宋体) text-align设定位置(比如:center) letter-spacing设定字间距(用px,比如:20px) line-height设定行间距(用em,比如:1.5em)
    查看全部
    0 采集 收起

    2014-09-29

  • 段落排版--对齐 可以使用text-align样式代码,如下代码可实现文本居中显示。(那么什么是块状元素呢?在后面的11-1、11-2小节中会讲到。) h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左: h1{ text-align:left; } <h1>了不起的盖茨比</h1> 还可以设置居右: h1{ text-align:right; } <h1>了不起的盖茨比</h1>
    查看全部
    0 采集 收起

    2018-03-22

  • <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

  • caption标签放在table标签里面!!
    查看全部
    0 采集 收起

    2014-09-29

  • 段落排版--字间距 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现,如下面代码: h1{ letter-spacing:50px; } <h1>了不起的盖茨比</h1>
    查看全部
    0 采集 收起

    2018-03-22

  • <table summary="表格简介文本">摘要的内容是不会在浏览器中显示出来的。它的作用是增加表格的可读性(语义化),使搜索引擎更好的读懂表格内容,还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
    查看全部
    0 采集 收起

    2018-03-22

  • 段落排版--行间距 这一小节我们来学习一下另一个在段落排版中起重要作用的行间距属性(line-height),如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;}
    查看全部
    0 采集 收起

    2014-09-29

  • 嵌入式css样式,就是可以把css样式代码写在<style type="text/css"></style>标签之间。如下面代码实现把三个<span>标签中的文字设置为红色: <style type="text/css"> span{ color:red; } </style> 嵌入式css样式必须写在<style></style>之间,并且一般情况下嵌入式css样式写在<head></head>之间。
    查看全部
    0 采集 收起

    2018-03-22

  • 段落排版--缩进 中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现: p{text-indent:2em;} <p>1922年的春天,一个想要成名名叫尼克卡拉威(托比?马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,爵士乐流行,走私为王,股票飞涨的时代。为了追寻他的美国梦,他搬入纽约附近一海湾居住。</p> 注意:2em的意思就是文字的2倍大小。
    查看全部
    0 采集 收起

    2018-03-22

  • 从CSS 样式代码插入的形式来看基本可以分为以下3种:内联式、嵌入式和外部式三种。这一小节先来讲解内联式。 内联式css样式表就是把css代码直接写在现有的HTML标签中,如下面代码: <p >这里文字是红色。</p> 注意要写在元素的开始标签里,下面这种写法是错误的: <p>这里文字是红色。</p > 并且css样式代码要写在双引号中,如果有多条css样式代码设置可以写在一起,中间用分号隔开。如下代码: <p >这里文字是红色。</p>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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