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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 类选择器 类选择器在css样式编码中是最常用到的,如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。
    查看全部
  • 标签选择器 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码: p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。
    查看全部
  • 什么是选择器? 每一条css样式定义由两部分组成,形式如下: 选择器{ 样式; }
    查看全部
  • 但最终你可以观察到“超酷的互联网”这个短词的文本被设置为了粉色。因为这三种样式是有优先级的,记住他们的优先级:内联式 > 嵌入式 > 外部式 但是嵌入式>外部式有一个前提:嵌入式css样式的位置一定在外部式的后面。如右代码编辑器就是这样,<link href="style.css" ...>代码在<style type="text/css">...</style>代码的前面(实际开发中也是这么写的)。感兴趣的小伙伴可以试一下,把它们调换顺序,再看他们的优先级是否变化。 其实总结来说,就是--就近原则(离被设置元素越近优先级别越高)。 但注意上面所总结的优先级是有一个前提:内联式、嵌入式、外部式
    查看全部
    0 采集 收起

    2018-03-22

  • summary元素: 语法:<table summary="表格简介摘要"> 作用:摘要。摘要的内容不会再浏览器显示,作用是增强表格可读性。 caption标签: 语法:<caption>标题文本</caption> 作用:表格标题,用于描述表格内容。
    查看全部
    0 采集 收起

    2018-03-22

  • 语法: <input type="submit" value="提交"> type:只有当type值设置为submit时,按钮才有提交作用 value:按钮上显示的文字
    查看全部
  • th标签: 语法: <tr> ​<th>xxx</th> ​<th>xxx</th> </tr> 作用:表格表头,是表格头部的一行单元格 特点:默认是粗体、居中
    查看全部
    0 采集 收起

    2018-03-22

  • 下拉列表也可以进行多选操作,在<select>标签中设置multiple="multiple"属性,就可以实现多选功能,进行多选时按下Ctrl键同时进行单击,可以选择多个选项。
    查看全部
    0 采集 收起

    2018-03-22

  • <head> 标签用于定义文档的头部,它是所有头部元素的容器。头部元素有<title>、<script>、 <style>、<link>、 <meta>等标签
    查看全部
  • 下拉菜单 <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select>
    查看全部
  • code标签: 语法:<code>代码语言</code> 作用:标识代码,没有具体效果 特点:当代码为一行时使用<code>标签;当代码为多行时使用<pre>标签
    查看全部
    0 采集 收起

    2018-03-22

  • <form action="save.php" method="post" > <label>性别:</label> <label>男</label> <input type="radio" value="1" name="sex-man" /> <label>女</label> <input type="radio" value="2" name="sex-woman" /> 1、type: 当type="radio"时,控件为单选框 当type="checkbox"时,控件为复选框 2、value:提交数据到服务器的值
    查看全部
  • <form action="save.php" method="post" > <label>个人简介:</label> <textarea>在这里输入内容...</textarea> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset" /> </form>
    查看全部
  • <form method="传送方式" action="服务器文件">
    查看全部
  • address标签: 语法:<address>地址信息</address> 作用:表示地址信息 特点:默认样式为斜体
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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