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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <form method="post" action="save.php"> <label for="username">用户名:</label> <input type="text" name="username" /> <label for="pass">密码:</label> <input type="password" name="pass" /> </form>
    查看全部
  • <textarea rows="行数" cols="列数">文本</textarea>
    查看全部
  • 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
    查看全部
  • Hello World
    查看全部
  • 类选择器和ID选择器的区别: 相同点:可以应用于任何元素 不同点: 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
    查看全部
  • 同一组的单选按钮,name取值一定要一致.
    查看全部
  • 第十章 字体:font-family 字号:font-size 颜色:color 粗体:font-weight:bold 斜体:font-style:italic 下划线:text-decoration:underline 删除线:text-decoration:line-through 段落缩进:text-indent:2em 行间距:line-height:2em 文字间距:letter-spacing:2px 单词间距:word-spacing:2px 对齐方式:text-align:left/center/right
    查看全部
    0 采集 收起

    2014-11-07

  • 为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 右侧代码编辑器中就是一个ID选择符的完整实例。
    查看全部
    0 采集 收起

    2018-03-22

  • .类选器名称{css样式代码;} 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • <a>标签实现超链接, 语法: <a href="目标网址" title="鼠标滑过显示的文本">链接显示的文本</a> 例如: <a href="http://www.imooc.com" title="点击进入慕课网">click here!</a> title属性的作用,鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大,主要方便搜索引擎了解链接地址的内容(语义化更友好)
    查看全部
    0 采集 收起

    2018-03-22

  • html中的标签一般都是成对出现的,分开始标签和结束标签。结束标签比开始标签多了一个/。 (1) <p></p> (2) <div></div> (3) <span></span> 3. 标签与标签之间是可以嵌套的,但先后顺序必须保持一致,如:<div>里嵌套<p>,那么</p>必须放在</div>的前面。如下图所示。
    查看全部
  • lable
    查看全部
  • CSSS三种样式 内联式: <span ;font-size></span> 嵌入式: <style type="tsxt/css"> span{} </style> <span>此处有效</span> 外部式: word1(index.html):<link href="style.css" rel="stylesheet" type="text/css" /> <span>此处有效</span> world2(style.css):span{} 遵循就近原则
    查看全部
    0 采集 收起

    2018-03-22

  • css选择器 标签选择器:直接用标签作为选择器定义h1{} <h1></h1> 类选择器:.classname{;} <span class="classname"></span> id选择器:有且每个文档只能有一个 #idname{} <span id="idname"></span> 子选择器:.classname>childname{} <ul class="classname"> <chiidname>这里有效(第一个子代) <ul> <childname>无效(第二子代)</childname> </ul> </childname> </ul> 后代选择器.classname childname{} <ul class="classname"> <chiidname>这里有效(第一个子代) <ul> <childname>有效(第二子代)</childname> </ul> </childname> </ul> 通用选择器: * {} 全局变化 伪类选择符 name:伪类选择符名称{} <name>此处有效</name> (PS:鼠标滑过变色【name:hover{color:red;}】等) 分组选择符 name1,name2{}=name1{}name2{} (在style中使用)
    查看全部
  • 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码: p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。
    查看全部

举报

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

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