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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 元素分类--块级元素 在html中<div>、 <p>、<h1>、<form>、<ul> 和 <li>就是块级元素。 将内联元素转换为块状元素display:block; 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度
    查看全部
  • 在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>
    查看全部
  • 为块状元素中的文本、图片设置排版 可以使用text-align样式代码 text-align:center;居中 text-align:left;居左 text-align:right;居右
    查看全部
    0 采集 收起

    2014-12-10

  • 字母间距:letter-spacing 单词间距:word-spacing
    查看全部
    0 采集 收起

    2014-12-10

  • 段落排版--行间距 行间距属性(line-height) p{line-height:1.5em;} 1.5倍行间距
    查看全部
    0 采集 收起

    2014-12-10

  • CSS首行字体缩进 text-indent:2em,段落缩进两倍文字大小
    查看全部
    0 采集 收起

    2014-12-10

  • p a{text-decoration:underline;}下划线 文字的排版属性有:font-family字体、font-size字号、color颜色、font-style:itali斜体、font-weight:bold粗体、text-decoration、text-decoration:line-through删除线、text-indent:2em缩进、line-height:x.xem;行间距
    查看全部
    0 采集 收起

    2014-12-10

  • 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;}
    查看全部
  • 文字排版--粗体 p span{font-weight:bold;}
    查看全部
  • 用font-size样式设置文本字号,color样式设置文本颜色 body{font-size:12px;color:#666}
    查看全部
  • CSS字体: body{font-family:"Microsoft Yahei";}/*推荐使用。*/ body{font-family:"微软雅黑";}/*兼容性没有和第一种好*/
    查看全部
  • CSS中优先级: !important解决。 语法:p{color:red!important;}注意!important;加在分号前面
    查看全部
  • 很好,学习了
    查看全部
    0 采集 收起

    2014-12-10

  • <img src="图片地址" alt="图像不显示(下载失败)时图片的替换文本" title="图片可见时,对图片的描述">支持png,jpg,jpeg,gif格式。
    查看全部
    0 采集 收起

    2018-03-22

  • <a href="mailto:yy@imooc.com?subject=观了不起的盖茨比有感&body=你好,对此评论有些想法。">对此影评有何感想,发送邮件给我</a> mailto:邮箱地址?(有多个邮箱地址时用分号;隔开即可)subject=邮件主题&cc=抄送地址&bcc密件抄送地址&body=邮件内容
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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