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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <blockquote>标签,长段引用 缩进格式
    查看全部
    0 采集 收起

    2018-03-22

  • quote <q>标签:引用
    查看全部
    0 采集 收起

    2018-03-22

  • 设置display:block就是将元素显示为块级元素。如下代码就是将内联元素a转换为块状元素,从而使a元素具有块状元素特点。 a{display:block;} 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。width、height、line-height、padding、margin皆可设置; 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • <em> 表现为 斜体 <strong> 表现为 粗体 <span> 可以现在<head>里的<style>设置它的格式 表现形式:自己设置
    查看全部
    0 采集 收起

    2018-03-22

  • .food>li{border:1px solid red;}/*添加边框样式(粗细为1px, 颜色为红色的实线)*/
    查看全部
  • 元素分类 在讲解CSS布局之前,我们需要提前知道一些知识,在CSS中,html中的标签元素大体被分为三种不同的类型:块状元素、内联元素(又叫行内元素)和内联块状元素。 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 文字排版--对齐 p {text-align:center;} p{text-align:left;} p{text-align;right;} div{ text-align:center; } 块状元素居中
    查看全部
    0 采集 收起

    2015-01-27

  • 还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码:
    查看全部
  • 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
    查看全部
  • 文字间隔、字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用letter-spacing来实现, h1{letter-spacing:20px;} 单词间距设置: 如果我想设置英文单词之间的间距呢?可以使用word-spacing来实现; h1{word-spancing:50px;}
    查看全部
    0 采集 收起

    2015-01-27

  • 段落排版--行间距(行高) 如下代码实现设置段落行间距为1.5倍。 p{line-height:1.5em;}
    查看全部
    0 采集 收起

    2015-01-27

  • p{color:red;} /*权值为1*/ p span{color:green;} /*权值为1+1=2*/ .warning{color:white;} /*权值为10*/ p span.warning{color:purple;} /*权值为1+1+10=12*/ #footer .note p{color:yellow;} /*权值为100+10+1=111*/
    查看全部
  • 段落排版--缩进 中文文字中的段前习惯空两个文字的空白,这个特殊的样式可以用下面代码来实现: text-indent:2em 2em的意思就是文字的2倍大小。
    查看全部
    0 采集 收起

    2015-01-27

  • 指定一部分标签改变字体 颜色类选择器.
    查看全部
  • 文字排版--删除线 text-decoration:line-through
    查看全部
    0 采集 收起

    2015-01-27

举报

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

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