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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • h1标签字号最大,h2标签字号相对h1要小,以此类推h6标签的字号最小。
    查看全部
    0 采集 收起

    2018-03-22

  • 注意:!important要写在分号的前面.p{color:red!important;}比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。
    查看全部
  • 后面的样式会覆盖前面的样式。内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    0 采集 收起

    2018-03-22

  • 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。
    查看全部
    0 采集 收起

    2018-03-22

  • 标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。例如下面的代码: 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*/ 注意:还有一个权值比较特殊--继承也有权值但很低,有的文献提出它只有0.1,所以可以理解为继承的权值最低
    查看全部
  • 注意有一些css样式是不具有继承性的。如border:1px solid red;
    查看全部
  • 伪类选择符,它允许给html不存在的标签设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;}
    查看全部
  • >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • ID选择器只能在文档中使用一次。可以使用类选择器词列表方法为一个元素同时设置多个样式(不能使用 ID 词列表)。。.stress{ color:red; }.bigsize{ font-size:25px; }<span class="stress bigsize">
    查看全部
  • ID选择器 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。
    查看全部
    0 采集 收起

    2018-03-22

  • <input type="radio/checkbox" value="值" name="名称" checked="checked"/> 1、type: 当type="radio"时,控件为单选框 当type="checkbox"时,控件为复选框 2、value:提交数据到服务器的值(后台程序PHP使用) 3、name:为控件命名,以备后台程序ASP、PHP使用 4、checked:当设置checked="checked"时,该选项被默认选中
    查看全部
  • 当用户需要在表单中输入大段文字时,需要用到文本输入域 <form action="save.php" method="post" > <label>个人简介:</label> <textarea cols="50" rows="10">yge dfd </textarea> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset" /> </form>
    查看全部
  • <form> <label for="username">用户名:</label> <input type="text" name="username" value="" /> <label for="pass">密码:</label> <input type="password" name="pass" value="" /> <input type="submit" value="确定" name="submit" /> <input type="reset" value="重置" name="reset" />
    查看全部
  • 为你的网页中添加一些空格 在html代码中输入空格、回车都是没有作用的。要想输入空格,必须写入 。 语法:  
    查看全部
  • 使用br标签分行显示文本 在需要加回车换行的地方加入<br />,<br />标签作用相当于word文档中的回车。 <br />标签是一个空标签,没有HTML内容的标签就是空标签,空标签只需要写一个开始标签,这样的标签有<br />、<hr />和<img />。 语法: xhtml1.0写法: <br /> html4.01写法: <br> 总结:在html代码中输入回车、空格都是没有作用的。在html文本中想输入回车换行,就必须输入<br />。
    查看全部

举报

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

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