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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 1、src:标识图像的位置; 2、alt:指定图像的描述性文本,当图像不可见时(下载不成功时),可看到该属性指定的文本; 3、title:提供在图像可见时对图像的描述(鼠标滑过图片时显示的文本); 4、图像可以是GIF,PNG,JPEG格式的图像文件。
    查看全部
    0 采集 收起

    2018-03-22

  • 原因是a在默认的时候是内联元素,内联元素是不可以设置宽和高的
    查看全部
  • 内联块状元素(inline-block)就是同时具备内联元素、块状元素的特点,代码display:inline-block就是将元素设置为内联块状元素。(css2.1新增),<img>、<input>标签就是这种内联块状标签。 inline-block元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高以及顶和底边距都可设置。
    查看全部
  • 当然块状元素也可以通过代码display:inline将元素设置为行内元素。 行内元素特点: 1、和其他元素都在一行上; 2、元素的高度、宽度、行高及顶部和底部边距不可设置; 3、元素的宽度就是它包含的文字或图片的宽度,不可改变。
    查看全部
  • 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • 常用的块状元素有: <div>、<p>、<h1>...<h6>、<ol>、<ul>、<dl>、<table>、<address>、<blockquote> 、<form> 常用的内联元素有: <a>、<span>、<br>、<i>、<em>、<strong>、<label>、<q>、<var>、<cite>、<code> 常用的内联块状元素有: <img>、<input>
    查看全部
  • 就像在word文件档或记事本中,在想要折行的前面输入回车不就行了吗?很遗憾,在html中是忽略回车和空格的,你输入的再多回车和空格也是显示不出来的。如下边的代码。 上面的代码在浏览中显示是没有回车效果的。如下图所示 总结:在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。
    查看全部
  • 使用br标签分行显示文本 对于上一小节的例子,我们想让那首诗显示得更美观些,如显示下面效果: 怎么可以让每一句诗词后面加入一个折行呢?那就可以用到<br />标签了,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。 上节的代码改为: 语法: xhtml1.0写法: <br /> html4.01写法: <br> 与以前我们学过的标签不一样,<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。 讲到这里,你是不是有个疑问,想折行还不好
    查看全部
  • 浏览器对<blockquote>标签的解析是缩进样式。
    查看全部
    0 采集 收起

    2018-03-22

  • blockquote标签,长文本引用 <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 等等,上一节<q>标签不是也是对文本的引用吗?不要忘记<q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。 如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用<blockquote>。 语法: <blockquote>引用文本</blockquote> 如下面例子: <blockquote>明月出天山,苍茫云海间。长风几万里,吹度玉门关。汉下白登道,胡窥青海湾。
    查看全部
    0 采集 收起

    2018-03-22

  • 内边距padding-top/right/left/bottom 外边距margin 边框border
    查看全部
  • /*在默认情况下宽度不起作用*/代码display:inline-block就是将元素设置为内联块状元素
    查看全部
  • css中段落排版---对齐:text-align:center;/*center,left,right*/
    查看全部
    0 采集 收起

    2018-03-22

  • div{text-align:center;}
    查看全部
    0 采集 收起

    2018-03-22

  • css中字间距样式:letter-spacing:20px;
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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