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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 块级元素特点: 1、每个块级元素都从新的一行开始,并且其后的元素也另起一行。(真霸道,一个块级元素独占一行) 2、元素的高度、宽度、行高以及顶和底边距都可设置。 3、元素宽度在不设置的情况下,是它本身父容器的100%(和父元素的宽度一致),除非设定一个宽度。
    查看全部
  • 类选择器 语法: .类选器名称{css样式代码;} 注意: 1、英文圆点开头 2、其中类选器名称可以任意起名(但不要起中文噢) 使用方法: 第一步:使用合适的标签把要修饰的内容标记起来,如下: <span>胆小如鼠</span> 第二步:使用class="类选择器名称"为标签设置一个类,如下: <span class="stress">胆小如鼠</span> 第三步:设置类选器css样式,如下: .stress{color:red;}/*类前面要加入一个英文圆点*/
    查看全部
  • 这里注意当网页制作者不设置css样式时,浏览器会按照自己的一套样式来显示网页。并且用户也可以在浏览器中设置自己习惯的样式,比如有的用户习惯把字号设置为大一些,使其查看网页的文本更加清楚。这时注意样式优先级为:浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式。
    查看全部
  • div{text-align:center;}样式实现图片居中
    查看全部
    0 采集 收起

    2015-01-06

  • 分组选择符 当你想为HTML中多个标签元素设置同一个样式时,可以使用分组选择符(,)如下: h1,span{color:red;}他就相当于2行代码 h1{color:red;} span{color:red:}
    查看全部
  • 标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码: p{font-size:12px;line-height:1.6em;} 上面的css样式代码的作用:为p标签设置12px字号,行间距设置1.6em的样式。
    查看全部
  • 伪类选择符 它允许给HTML中不存在的标签(标签的某种状态)设置样式,比如说我们给HTML中的一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;}
    查看全部
  • position:absolute放在A里 position:relative; 放在B里 把B定位到图片A的底部。
    查看全部
  • 元素内容与边框之间是可以设置距离的,称之为“填充”。填充也可分为上、右、下、左(顺时针)。如下代码: div{padding:20px 10px 15px 30px;}
    查看全部
  • 通用选择器 他是功能最强大的选择器,他使用一个(*)号指定,他的作用是匹配HTML中所有标签元素。
    查看全部
  • .first{color:green;}是为第一段设置为绿色,当没有span{color:pink;}这条语句时,span会也会显示为green,是因为span继承了.first中的绿色,但当设置了span{color:pink;}这条语句后,span就是会复盖上面继承下来的绿色,因为继承的权值你可以理解是最低的,而为什么上面直接在10修改紫色也可以是因为p和span权值相等按就近原则。
    查看全部
  • >作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部
  • 2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式,但只可以用类选择器的方法实现,ID选择器是不可以的(不能使用 ID 词列表)。
    查看全部
  • <pre>在网页中预显格式</pre>
    查看全部
    0 采集 收起

    2018-03-22

  • 1、ID选择器只能在文档中使用一次。与类选择器不同,在一个HTML文档中,ID选择器只能使用一次,而且仅一次。而类选择器可以使用多次。
    查看全部

举报

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

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