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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 是因为浏览器是根据权值来判断使用哪种css样式的,权值高的就使用哪种css样式
    查看全部
  • 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*/
    查看全部
  • 元素与其它元素之间的距离可以使用边界(margin)来设置。边界也是可分为上、右、下、左。如下代码: div{margin:20px 10px 15px 30px;} 也可以分开写: div{ margin-top:20px; margin-right:10px; margin-bottom:15px; margin-left:30px; }
    查看全部
  • <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>重置按钮</title> </head> <body> <form action="save.php" method="post" > <label>爱好:</label> <select> <option value="看书">看书</option> <option value="旅游" selected="selected">旅游</option> <option value="运动">运动</option> <option value="购物">购物</option> </select> <input type="submit" value="确定" /> <input type="reset" value="重置" /> </form> </body> </html>
    查看全部
  • 顺序一定不要搞混。可以分开写上面代码: div{ padding-top:20px; padding-right:10px; padding-bottom:15px; padding-left:30px; } 如果上、右、下、左的填充都为10px;可以这么写 div{padding:10px;} 如果上下填充一样为10px,左右一样为20px,可以这么写: div{padding:10px 20px;}
    查看全部
  • 元素内容与边框之间是可以设置距离的,称之为“填充”。填充也可分为上、右、下、左(顺时针)
    查看全部
  • head部分可以使用的标签 <head> <title>...</title> //浏览器标题 <meta> <link> <style>...</style> <script>...</script> </head>
    查看全部
  • 要想输入空格,必须写入&nbsp;。 语法: &nbsp; 在html代码中输入空格是不起作用的
    查看全部
  • <p>标签,添加段落 如果想在网页上显示文章,这时就需要<p>标签了,把文章的段落放到<p>标签中。 语法: <p>段落文本</p>
    查看全部
    0 采集 收起

    2018-03-22

  • 语义化,让你的网页更好的被搜索引擎理解 标签的用途:语义化。:明白每个标签的用途(在什么情况下我可以使用这个标签才合理)。 讲了这么多语义化,但是语义化可以给我们带来什么样的好处呢? 1. 更容易被搜索引擎收录。 2. 更容易让屏幕阅读器读出网页内容。
    查看全部
    0 采集 收起

    2015-01-19

  • <span>美国梦</span> 这个标签没有设置效果。后面用css样式可以给span标签设置css样式,就是相当与给“美国梦”这三个字来设置样式
    查看全部
    0 采集 收起

    2018-03-22

  • <br> 可插入一个简单的换行符。 <br> 标签是空标签(意味着它没有结束标签,因此这是错误的:<br></br>)。在 XHTML 中,把结束标签放在开始标签中,也就是 <br />。 请注意,<br> 标签只是简单地开始新的一行,而当浏览器遇到 <p> 标签时,通常会在相邻的段落之间插入一些垂直的间距。 语法: xhtml1.0写法: <br /> html4.01写法: <br> ★ 注意,现在一般使用 xhtml1.0 的版本的写法(其它标签也是),这种版本比较规范。 与以前我们学过的标签不一样,<br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。 ◆ 在 html 代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。 使用<br />标签时,在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。 如: <h2>《咏桂》</h2> <p> 暗淡轻黄体性柔,<br /> 情疏迹远只香留。<br /> 何须浅碧深红色,<br /> 自是花中第一流。 </p> ※ 最后一句诗后面“自是花中第一流”不需要<br />噢!
    查看全部
  • 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;}
    查看全部
  • 伪类选择符允许给html中不存在的标签设置样式。例如:a:hover{color:red;}这一行代码就是为a标签鼠标滑过的状态设置字体颜色变红。关于伪类选择符,到目前为止,可以兼容所有浏鉴器的“伪类选择符”就是a标签上使用:hover了。其实:hover可以放在任意的标签上,比如说p:hover,但是它们的兼容性也是很不好的,所以现在比较常用的还是a:hover的组合。
    查看全部
  • <blockquote>的作用也是引用别人的文本。但它是对长文本的引用,如在文章中引入大段某知名作家的文字,这时需要这个标签。 <q>标签是对简短文本的引用,比如说引用一句话就用到<q>标签。 如想在我的文章中引用李白《关山月》中的诗句,因为引用文本比较长,所以使用<blockquote>。 语法: <blockquote>引用文本</blockquote> 浏览器对<blockquote>标签的解析是缩进样式。 <blockquote> 与 </blockquote> 之间的所有文本都会从常规文本中分离出来,经常会在左、右两边进行缩进(增加外边距),而且有时会使用斜体。也就是说,块引用拥有它们自己的空间。 ★别忘记去除双引号了 如需把页面作为 strict XHTML 进行验证,那么 <blockquote> 元素必须包含块级元素,比如这样: <blockquote> <p>here is a long quotation here is a long quotation</p> </blockquote>
    查看全部
    0 采集 收起

    2018-03-22

举报

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

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