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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • 子选择器 .food>span{border:1px solid red;} 这行代码会使class名为food下的子元素span加入红色实线边框
    查看全部
  • 第九章、CSS的原则 1.继承。某些css样式比如color具有继承性,border不具有继承性。 2.特殊。标签的权值为1,类选择符的权值为10,ID选择符的权值最高为100。继承的权值为0.1。 3.层叠。权值相同时,后写的样式会覆盖前面的样式。 4.重要。可添加!important设置最高权值。此权值甚至大于用户自定义设置的权值
    查看全部
  • font-style:italic; font-variant:small-caps; font-weight:bold; font-size:12px; line-height:1.6em; font-family:"宋体",sans-serif; font:italic small-caps bold 12px/1.6em "宋体",sans-serif;
    查看全部
    0 采集 收起

    2018-03-22

  • 第八章2: 通用选择器* *{font-size:20px;} 伪类选择器 a:hover{font-size:20px;} 分组选择器, a,b,c{font-size:20px;}
    查看全部
  • 字间距 letter-spacing 适用于中文 词间距 Word-spacing 适用于英文
    查看全部
    0 采集 收起

    2014-10-14

  • 文字排版--斜体 以下代码可以实现文字以斜体样式在浏览器中显示: p a{font-style:italic;}
    查看全部
  • text-indent:2em;=text-indent:24px;
    查看全部
    0 采集 收起

    2014-10-14

  • 类和ID选择器的区别: 1、ID选择器只能在文档中使用一次。即可以多次使用<span class="stress">;但不能多次使用<span id="stress"> 2、可以使用类选择器词列表(关键词)方法为一个元素同时设置多个样式。 .stress{ color:red; } .bigsize{ font-size:25px; } <p>到了<span class="stress bigsize">三年级</span>下学期时,我们班上了一节公开课...</p>
    查看全部
  • 为某些样式设置具有最高权值,使用!important。 如下代码: p{color:red!important;} 浏览器默认的样式 < 网页制作者样式 < 用户自己设置的样式,但记住!important优先级样式是个例外,权值高于用户自己设置的样式. !important要写在分号的前面
    查看全部
  • text-decoration:line-through; text-decoration:overline; text-decoration:underline;
    查看全部
    0 采集 收起

    2014-10-14

  • 层叠就是在html文件中对于同一个元素可以有多个css样式存在,当有相同权重的样式存在时,会根据这些css样式的前后顺序来决定,处于最后面的css样式会被应用。 如下面代码: p{color:red;} p{color:green;} <p class="first">三年级时,我还是一个<span>胆小如鼠</span>的小女孩。</p> 最后 p 中的文本会设置为green,这个层叠很好理解,理解为后面的样式会覆盖前面的样式。 所以前面的css样式优先级就不难理解了: 内联样式表(标签内部)> 嵌入样式表(当前文件中)> 外部样式表(外部文件中)。
    查看全部
    1 采集 收起

    2018-03-22

  • 第八章: 关于类选择器的使用 通过class="类选择器名称"为标签设置一个类; 通过.类选择器名称{}设置标签样式; 关于ID选择器的使用 通过id="ID名称"为标签设置一个id名称; 使用#ID名称{}设置标签的样式 区别在于ID选择器只能在文档中使用一次;可以使用类选择器词列表方法为一个元素同时设置多个样式。 <span class="style_one style_two"></span> 关于子选择器的使用 .fisrt>sapn 可以使用大于符号设置子选择器下,标签的样式 关于后代选择器的使用 .first span 可以使用空格符号设置后代选择器下,标签的样式。 其区别在于,子选择器仅作用于第一层,后代选择器作用于所有层
    查看全部
  • 下面是权值的规则: 标签的权值为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*/
    查看全部
  • ID选择器 ID选择器都类似于类选择符,但也有一些重要的区别: 1、为标签设置id="ID名称",而不是class="类名称"。 2、ID选择符的前面是井号(#)号,而不是英文圆点(.)。
    查看全部
    0 采集 收起

    2018-03-22

  • 在新的浏览页打开 BLanK
    查看全部
    0 采集 收起

    2014-10-14

举报

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

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