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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 当你想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,),如下代码为右侧代码编辑器中的h1、span标签同时设置字体颜色为红色: h1,span{color:red;}
    查看全部
  • 为什么叫做伪类选择符,它允许给html不存在的标签(标签的某种状态)设置样式,比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;}
    查看全部
  • 这下再也不会忘记了 ul: unordered lists ol: ordered lists li: Lists
    查看全部
    1 采集 收起

    2015-01-12

  • href-->Hypertext Reference rel-->relationship
    查看全部
    0 采集 收起

    2018-03-22

  • 浮动模型:作用是将块状元素并列显示。 任何元素在默认情况下是不能浮动的,但可以用CSS定义为浮动. div{ float:left; }
    查看全部
  • 参照定位的元素必须加入position:relative;
    查看全部
  • 流动模型:网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布,因为在默认状态下,块状元素的宽度都为100%。
    查看全部
  • 浮动元素脱离了普通文档流,因此可能覆盖其他框,而遇到行框则行内内容会包围浮动框
    查看全部
  • 相对定位完成的过程是首先按static(float)方式生成一个元素(并且元素像层一样浮动了起来),然后相对于以前的位置移动,移动的方向和幅度由left、right、top、bottom属性确定,偏移前的位置保留不动 relative定位本身再添加偏移量时很少见的,一般就是让父元素position为relative,不设置任何偏移量,这样子元素相对于它做绝对定位
    查看全部
  • .first span{color:red;} 请注意这个选择器与子选择器的区别,子选择器(child selector)仅是指它的直接后代,或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 类和ID选择器的区别:ID选择器只能在文档中使用一次:可以使用类选择器词列表方法为一个元素同时设置多个样式。
    查看全部
  • 元素实际宽度(盒子的宽度)=左边界+左边框+左填充+内容宽度+右填充+右边框+右边界。 css代码: div{ width:200px; padding:20px; border:1px solid red; margin:10px; } html代码: <body> <div>文本内容</div> </body>
    查看全部
  • 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)
    查看全部
    0 采集 收起

    2018-03-22

  • ID选择器 在很多方面,ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。 右侧代码编辑器中就是一个ID选择符的完整实例。
    查看全部
    0 采集 收起

    2018-03-22

  • 语法: .类选器名称{css样式代码;} 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢)
    查看全部

举报

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

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