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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 3、如果left和right的值相同,如下面代码: margin:10px 20px 30px 20px; 可缩写为: margin:10px 20px 30px; 注意:padding、border的缩写方法和margin是一致的。
    查看全部
    0 采集 收起

    2015-01-15

  • 在缩写时 font-size 与 line-height 中间要加入“/”斜扛
    查看全部
    0 采集 收起

    2015-01-15

  • 元素分类--内联块状元素 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。 提示:下一小节是用视频动画来讲解css中的盒模型
    查看全部
  • 在html中,<span>、<a>、<label>、<input>、 <img>、 <strong> 和<em>就是典型的内联元素(行内元素)(inline)元素。当然块状元素也可以通过代码display:inline将元素设置为内联元素。如下代码就是将块状元素div转换为内联元素,从页使用div元素具有内联元素特点。 内联元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • a{display:block;} 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • 想为块状元素中的文本、图片设置居中样式吗?可以使用text-align样式代码,如下代码可实现文本居中显示。(那么什么是块状元素呢?在后面的11-1、11-2小节中会讲到。) h1{ text-align:center; } <h1>了不起的盖茨比</h1> 同样可以设置居左:left或者right
    查看全部
    0 采集 收起

    2018-03-22

  • 标签的用途,具体显示样式什么样
    查看全部
    0 采集 收起

    2015-01-15

  • 在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>
    查看全部
  • a、span、em、strong都是内联元素。
    查看全部
  • 为盒模型只添加下边框: 比如为li标签: li{border-bottom:1px dotted #ccc}
    查看全部
  • 盒子模型的边框。可以为一个盒子模型设置边框(粗细、样式和颜色 三个属性),拿div来说: div{border:2px solid red} //即设置div边框的宽度为2px,边框样式为实线,并且边框颜色为红色 其实这一句是以下代码的简写: div{border-width:2px;border-style:solid;border-color:red;} 下面对这三个属性进行具体的解说: 1.border-width(边框宽度) 一般采用像素直接给具体值。不过也可以设置三个属性值(thin、medium、thick),由细到粗递增 2.border-style(边框样式) 边框样式的属性值有三个:dashed 表示虚线;dotted 表示点线;solid 表示实线 3.border-color(边框颜色) 可以采用颜色单词(比如red等),也可以采用16进制的颜色数值(#ccc或#555555)
    查看全部
  • 块级标签具备“盒子”模型的特征! 盒子模型的内填充:padding(padding-top、padding-bottom、padding-left、padding-right) 盒子模型的外填充:margin(margin-top、margin-bottom、margin-left、margin-right)
    查看全部
  • 默认状态下块状元素宽度都是100% position:absolute,相对于最接近具有定位属性的父块定位,不存在,相对于body就是浏览器窗口,移动前的位置消失 position:relative,相对于默认static状态下的位置移动,并且移动前的位置保持不变 position:fixed,不受文档流影响,位置不变 父类具有相对定位,子类absolute,则相对于父类偏移量
    查看全部
    0 采集 收起

    2015-01-14

  • 内联块状元素。内联块状元素(inline-block)有以下几个特点: 1.和其他元素都在一行上,即拥有内联元素的类似特点 2,元素的高度、宽度、行高以及定和底边距都可设置,即拥有块状元素的类似特点 同样,块状和内联元素都可以设置为内联块状元素,具体方法如下: 比如要将内联元素设置为内联块状元素,则如下代码:a{display:inline-block;}
    查看全部
  • 段落排版--字间距、字母间距 文字间隔、字母间隔设置: 如果想在网页排版中设置文字间隔或者字母间隔就可以使用 letter-spacing来实现,如下面代码: h1{ letter-spacing:50px; } ... <h1>了不起的盖茨比</h1> 注意:这个样式使用在英文单词时,是设置字母与字母之间的间距。 单词间距设置: 如果我想设置英文单词之间的间距呢?可以使用word-spacing来实现。如下代码: h1{ word-spacing:50px; } ... <h1>welcome to imooc!</h1>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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