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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • CSS代码语法: css 样式由选择符和声明组成,而声明又由属性和值组成 选择符:又称选择器,指明网页中要应用样式规则的元素,如本例中是网页中所有的段(p)的文字将变成蓝色,而其他的元素(如ol)不会受到影响。 声明:在英文大括号“{}”中的的就是声明,属性和值之间用英文冒号“:”分隔。当有多条声明时,中间可以英文分号“;”分隔,如下所示: p{font-size:12px;color:red;} 注意: 1、最后一条声明可以没有分号,但是为了以后修改方便,一般也加上分号。 2、为了使用样式更加容易阅读,可以将每条代码写在一个新行内,如下所示: p{ font-size:12px; color:red; }
    查看全部
  • 第一步:把这三个短语用<span></span>括起来。 第二步:写入下列代码: span{ color:red; } 选定的文字可变红
    查看全部
  • 使用下拉列表框 <select> <option value="提交值">选项</option> </select> selected="selected": 设置selected="selected"属性,则该选项就被默认选中。 在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
    查看全部
  • 注意这里用<q>标签的真正关键点不是它的默认样式双引号(如果这样我们不如自己在键盘上输入双引号就行了),而是它的语义:引用别人的话。
    查看全部
    0 采集 收起

    2018-03-22

  • span{color:blue; }
    查看全部
    0 采集 收起

    2014-10-25

  • 包含(后代)选择器 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如右侧代码编辑器中的代码: .first span{color:red;} 这行代码会使第一段文字内容中的“胆小如鼠”字体颜色变为红色。 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • <span>标签是没有语义的,它的作用就是为了设置单独的样式用的(如颜色)
    查看全部
    0 采集 收起

    2018-03-22

  • <span>标签是没有语义的,它的作用就是为了设置单独的样式用的
    查看全部
    0 采集 收起

    2018-03-22

  • :<em> 表示强调,<strong> 表示更强烈的强调。并且在浏览器中<em> 默认用斜体表示,<strong> 用粗体表示
    查看全部
    0 采集 收起

    2018-03-22

  • <hx> (x为1-6)
    查看全部
    0 采集 收起

    2018-03-22

  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本"> 下面是给图片加超链接,直接在前面加入a标签即可。 <a href="http://www.baidu.com"> <img src="http://img1.sycdn.imooc.com//52da54ed0001ecfa04120172.jpg" title="电影介绍" alt="下载失败"></a>
    查看全部
    0 采集 收起

    2018-03-22

  • 如果mailto后面同时有多个参数的话,第一个参数必须以“?”开头,后面的参数每一个都以“&”分隔。 <a href="malito:1317932489@qq.com"?cc="2543018705@qq.com"&subject="观了不起的盖茨比有感"&body="1234567">对此影评有何感想,发送邮件给我</a>
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="目标网址" target="_blank">click here!</a> 目标设置为_blank则其链接会在新窗口打开。
    查看全部
    0 采集 收起

    2018-03-22

  • 又斜体又粗体
    查看全部
    0 采集 收起

    2014-10-25

  • 语法: <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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