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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项
    查看全部
    0 采集 收起

    2018-03-22

  • 一、内联式(用一段定义一段):css样式表就是把css代码直接写在现有的HTML标签中, <p >这里文字是红色。</p> 二、嵌入式(事先定义好然后用):把css样式代码写在<style type="text/css"></style>标签之间。 三、外挂式(外部CSS文件) 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码: <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

  • CSS中也有注释语句:用/*注释语句*/
    查看全部
  • mailto发送邮件,用法:<a href="mailto:yy@imooc.com?cc=xiaoyu@126.com&bcc=xiaoyi@126.com&subject=主题名称&body=邮件内容"> cc抄送 bcc秘密抄送 subject主题body邮件主题
    查看全部
    0 采集 收起

    2018-03-22

  • inline-block同时具有内联元素和块状元素的特点: 可以出现在同一行 同时又可以设置间距,行高,边距等块状元素才可以修改的属性
    查看全部
  • <style type="text/css"> .first,#second span{color:green;} </style> </head> <body> <h1>勇气</h1> <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p> <p id="second">到了三年级下学期时,我们班上了一节公开课,老师提出了一个很<span>简单</span>的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p> <img src="http://img1.sycdn.imooc.com//52b4113500018cf102000200.jpg" > </body> 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • 外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内
    查看全部
    0 采集 收起

    2018-03-22

  • display:block;将该元素转化为块状元素(一个元素占一行空间) display:inline 将该元素转化为内联元素(和其他元素可以出现在同一行,元素高宽边距等都不可设置)
    查看全部
  • 伪类选择符 更有趣的是伪类选择符,为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 上面一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。这样就会使第一段文字内容中的“胆小如鼠”文字加入鼠标滑过字体颜色变为红色特效。 关于伪选择符: 关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了(其实伪类选择符还有很多,尤其是css3中,但是因为不能兼容所有浏鉴器,本教程只是讲了这一种最常用的)。其实:hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是a:hover的组合。
    查看全部
  • letter-spacing:2px字母(汉字)间距2个像素 word-spacing:2px 单词间距2个像素
    查看全部
    0 采集 收起

    2014-12-15

  • line-height:1.5em; 控制行距
    查看全部
    0 采集 收起

    2014-12-15

  • text-indent:2em;段首缩进2个汉字 2em即为文字的2倍大小
    查看全部
    0 采集 收起

    2014-12-15

  • text-decoration:underline
    查看全部
    0 采集 收起

    2014-12-15

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

    2014-12-15

  • <tbody>…</tbody>:当表格内容非常多时,表格会下载一点显示一点,但如果加上<tbody>标签后,这个表格就要等表格内容全部下载完才会显示。如右侧代码编辑器中的代码
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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