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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 我来试一试:为CSS样式代码添加注释语句,来标明代码作用 1、在右部编辑器中的第8行的font-size:12px;语句后面添加“设置文字字号为12px”注释。 2、在右部编辑器中的第9行的color:red;语句后面添加“设置文字颜色为红色”注释。
    查看全部
  • 我来试一试:补充css代码,使代码有效 观察在右边代码编辑器中8-10行,css代码是不完整的,所以三条css代码都没有起到作用,请把代码补充完整。
    查看全部
  • 我来试试:完成下面任务 要求:慢跑、登山和篮球复选框要与各自的复选项用for属性关联。效果图如下: 备注:这一小节没有正确性验证,请查看结果窗口与任务所给的结果图片是否一致,从而判断输入代码是否正确。
    查看全部
  • 我来试一试:把“提交按钮”改为“重置按钮” 1、在右部编辑器中的第17行,把type="submit"改为type="reset" 2、在右部编辑器中的第17行,把value="提交"改为value="重置"
    查看全部
  • 我来试一试:把输入框改为按钮 在右部编辑器中第11行,把type="text"修改为type="submit"
    查看全部
  • 我来试一试:让“爱好”下拉列表框具有多选功能 1、在右部编辑器中第10行补充代码 multiple="multiple"。
    查看全部
    0 采集 收起

    2018-03-22

  • 任务1:我来试一试:修改单选框代码错误(男、女可以同时选择),使其具有单选作用。 1、在右部编辑器中第11行、13行代码有错误,请改正。
    查看全部
  • 1、参照定位的元素必须是相对定位元素的前辈元素 2、参照定位的元素必须加入position:relative; 3、定位元素加入position:absolute,便可以使用top、bottom、left、right来进行偏移定位了。
    查看全部
  • 就像在Html的注释一样,在CSS中也有注释语句:用/*注释语句*/来标明(Html中使用<!--注释语句-->)。
    查看全部
  • Html网页文件以<html>开头,以</html>结尾
    查看全部
  • 1. <html></html>称为根标签,所有的网页标签都在<html></html>中。 2. <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签,头部标签在下一小节中会有详细介绍。 3. 在<body>和</body>标签之间的内容是网页的主要内容,如<h1>、<p>、<a>、<img>等网页内容标签,在这里的标签中的内容会在浏览器中显示出来。
    查看全部
  • 元素分类-内联块状元素 display:inline-block;
    查看全部
  • 段落排版--行间距 这一小节我们来学习一下另一个在段落排版中起重要作用的行间距属性(line-height),如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;} <p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为"爵士乐时代"吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>
    查看全部
    0 采集 收起

    2018-03-22

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

    2018-03-22

  • 我们在做网页代码的时,有些特殊的情况需要为某些样式设置具有最高权值,怎么办?这时候我们可以使用!important来解决。 如下代码: p{color:red!important;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 这时 p 段落中的文本会显示的red红色。 注意:!important要写在分号的前面
    查看全部

举报

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

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