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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 字体:font-family:"宋体";

    大小:font-size:--px;

    加粗:font-weight:bold;

    斜体:font-style:normal/italic(斜体)/oblique;

    颜色:color:red;/color:rgb(xx,xx,xx);/color:rgb(xx%,xx%,xx%);

    line-height 属性设置行间的距离(行高)

    sans-serif,保证在不同操作系统下,网页字体都能。

    缩写:font:bold 12px/1.5em "宋体",sans-serif;

    在缩写时 font-size 与 line-height 中间要加入“/”斜杠

    查看全部
  • 字体:font-family:"宋体";

    大小:font-size:--px;

    加粗:font-weight:bold;

    斜体:font-style:normal/italic(斜体)/oblique;

    颜色:color:red;/color:rgb(xx,xx,xx);/color:rgb(xx%,xx%,xx%);

    line-height 属性设置行间的距离(行高)

    sans-serif,保证在不同操作系统下,网页字体都能被显示。

    缩写:font:bold 12px/1.5em "宋体",sans-serif;

    在缩写时 font-size 与 line-height 中间要加入“/”斜杠

    查看全部
  • 字体样式:

    字体:font-family:"宋体";

    大小:font-size:--px;

    加粗:font-weight:bold;

    斜体:font-style:normal/italic(斜体)/oblique;

    颜色:color:red;/color:rgb(xx,xx,xx);/color:rgb(xx%,xx%,xx%);

    line-height 属性设置行间的距离(行高)

    sans-serif,保证在不同操作系统下,网页字体都能被显示。

    缩写:font:bold 12px/1.5em "宋体",sans-serif;

    在缩写时 font-size 与 line-height 中间要加入“/”斜杠

    查看全部
  • 字体样式:

    字体:font-family:"宋体";

    大小:font-size:--px;

    加粗:font-weight:bold;

    斜体:font-style:normal/italic(斜体)/oblique(倾斜字体);

    颜色:color:red;/color:rgb(xx,xx,xx);/color:rgb(xx%,xx%,xx%);

    line-height 属性设置行间的距离(行高)

    sans-serif,保证在不同操作系统下,网页字体都能被显示。

    缩写:font:bold 12px/1.5em "宋体",sans-serif;

    在缩写时 font-size 与 line-height 中间要加入“/”斜杠

    查看全部
  • 字体样式:

    字体:font-family:"宋体";

    大小:font-size:--px;

    加粗:font-weight:bold;

    斜体:font-style:normal/italic(斜体)/oblique(倾斜字体);

    颜色:color:red;/color:rgb(xx,xx,xx);/color:rgb(xx%,xx%,xx%);

    line-height 属性设置行间的距离(行高)

    "sans-serif",以保证在不同操作系统下,网页字体都能被显示。

    缩写:font:bold 12px/1.5em "宋体",sans-serif;在缩写时 font-size 与 line-height 中间要加入“/”斜杠

    查看全部
  • 字体样式:

    字体:font-family:"宋体";

    大小:font-size:--px;

    加粗:font-weight:bold;

    斜体:font-style:normal/italic(斜体)/oblique(倾斜字体);

    颜色:color:red;/color:rgb(xx,xx,xx);/color:rgb(xx%,xx%,xx%);

    line-height 属性设置行间的距离(行高)

    "sans-serif",以保证在不同操作系统下,网页字体都能被显示。

    缩写:font:bold 12px/1.5em "宋体",sans-serif;在缩写时 font-size 与 line-height 中间要加入“/”斜杠

    查看全部
  • 1、text-decoration可以设置添加到文本的修饰。

    2、text-decoration默认值为none, 定义标准的文本。

    3、text-decoration的值为underline为定义文本下的一条线。

    4、text-decoration的值为overline为定义文本上的一条线。

    5、text-decoration的值为line-through为定义穿过文本下的一条线,一般用于商品折扣价。

    查看全部
  • 语法:<form>
      <input type="text/password" name="名称" value="文本" />
    </form>

    type为类型,name为文本框名字,value一般做注释用

    查看全部
  • 8、标签选择器

    类选择器:.类名

    ID选择器:#ID

    子选择器:类名>子标签

    后代选择器:类名(空格)后代标签

    通用选择器:*

    伪类选择器:a:hover/*鼠标滑过显示样式*/

    分组选择器:标签1,标签2{ }

    查看全部
    1. 语法<form   method="传送方式"   action="服务器文件">

    2. action是数据被传送到地方 method 数据传送的方式

    3. 所有表单控件(文本框、文本域、按钮、单选框、复选框等)都必须放在 <form></form> 标签之间(否则用户输入的信息可提交不到服务器上哦!)。



    查看全部
  • <hx></hx>是标题标签

    <p></p>是段落标签

    查看全部
  • 想要给关键字加颜色,就要用到<span></span>框起来,然后再在<sytle>中写入span,再在span中写color:blue;

    查看全部
  • 外部式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>标签之内。


    查看全部
  • <span >美国梦</span>

    需要与style 联用

    查看全部
  • font -size:12px;  设置窗口文字大小

    color : 颜色

    text -align:center;  设置文字居中

    查看全部
  • thead、tbody、tfoot比较侧重语义存在,强制固定在头中或者尾

    查看全部
  • 1、<table>…</table>:table标签里面可以放caption标签和tr标签。

    2、<tr>…</tr>:表格的一行,所以有几对tr 表格就有几行。,tr里面只能放th或者td标签

    3、<td>…</td>:表格的一个单元格,用来设置表格的列,一行中包含几对<td>...</td>,说明一行中就有几列。

    4、<th>…</th>:表格的头部的一个单元格,表格表头。

    5、表格中列的个数,取决于一行中数据单元格的个数。

    6、border属性可以为表格添加边框,属性值为数字。如border=‘’1”

    7.caption标签用来定义表格的标题

    <th>里的文本将用粗体居中显示。

    <td>里的文本将正常左对齐显示。

     

    查看全部
  • a标签有的target属性,代表打开网页的方式。可选值为”_self和_blank”,默认值为_self,代表在当前页面打开链接,_blank代表在新窗口打开链接。

    查看全部
  • <a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

    <a>超链接

    具体使用方法为<a href='网址 有标题加title'>

    查看全部
  • <img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

    alt替换地址,title图片名字

    <img src = "myimage.gif" alt = "My Image" title = "My Image" />

    查看全部
  • ol-li就是有序号的了,一般从1开始

    查看全部

举报

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

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