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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
  • <!DOCTYPE html>
    <html>
        <head>
            <meta charset="UTF-8">
            <title>Html和CSS的关系</title>
            <style type="text/css">   //定义字体样式
            h1{    //调用h1标签
        
    font-size:12px;    //定义字体大小
    colcr:#930;        //定义字体颜色
    text-align:center;  //定义字体居中对齐
    
            }
            </style>
        </head>
        <body>
            <h1>Hello World!</h1>  //h1标题
        </body>
    </html>
    查看全部
  • 选择器的优先级: 之前我们已经学过了很多CSS3选择器了,但是每个选择器是有优先级的。 技术点的解释: 1、如果一个元素使用了多个选择器,则会按照选择器的优先级来给定样式。 2、选择器的优先级依次是: 内联样式 > id选择器 > 类选择器 > 标签选择器 > 通配符选择器
    查看全部
  • <!DOCTYPE html>   //网页版本,此为HTML5
    <html>          //开始
    
    <head>     //定义网页格式样式
        <meta charset="UTF-8">    //定义字符字节
        <title>制作我的第一个网页</title>    //网页标题
    </head>     
    
    <body>     //网页可视界面(网页内容)
        <h1>Hello World</h1>
    </body>     //可视界面结束
    
    </html>    //结束
    查看全部
  • 样式的继承: CSS的某些样式是具有继承性的, 继承是一种规则,它允许样式不仅应用于某个特定html标签元素,而且应用于其后代。 如:某种颜色应用于p标签,这个颜色设置不仅应用p标签,还应用于p标签中的所有子元素文本,这里子元素为span标签。 p{color:red;}

    三年级时,我还是一个胆小如鼠的小女孩。

    但有一些css样式是不具有继承性的。 如:border:1px solid red; p{border:1px solid red;}

    三年级时,我还是一个胆小如鼠的小女孩。

    在上面例子中它代码的作用只是给p标签设置了边框为1像素、红色、实心边框线,而对于子元素span是没用起到作用的。
    查看全部
  • 分组选择器: 当想为html中多个标签元素设置同一个样式时,可以使用分组选择符(,), 如:为h1、span标签同时设置字体颜色为红色: h1,span{color:red;} 它相当于下面两行代码: h1{color:red;} span{color:red;}
    查看全部
  • 伪类选择器: 它允许给html不存在的标签(标签的某种状态)设置样式。 如:给html中一个标签元素的鼠标滑过的状态来设置字体颜色: a:hover{color:red;} 上面一行代码就是为 a 标签鼠标滑过的状态设置字体颜色变红。 这样就会使a标签内这段文字加入鼠标滑过字体颜色变为红色特效。 关于伪选择符: 关于伪类选择符,到目前为止,可以兼容所有浏览器的“伪类选择符”就是 a 标签上使用 :hover 。 (其实伪类选择符还有很多,尤其是 css3 中,但是因为不能兼容所有浏览器。) 其实 :hover 可以放在任意的标签上,比如说 p:hover,但是它们的兼容性也是很不好的, 所以现在比较常用的还是 a:hover 的组合。
    查看全部
  • 通用选择器 通用选择器是功能最强大的选择器,它使用一个(*)号指定,它的作用是匹配html中所有标签元素。 如: 使用html中任意标签元素字体颜色全部设置为红色: * {color:red;}
    查看全部
  • 后代选择器: 包含选择器,即加入空格,用于选择指定标签元素下的后辈元素。如: .first span{color:red;} 这行代码会使第一段span内容中字体颜色变为红色。 注意这个选择器与子选择器的区别: 子选择器(child selector):仅是指它的直接后代, 可以理解为作用于子元素的第一代后代。 后代选择器:是作用于所有子后代元素。 后代选择器通过空格来进行选择,而子选择器是通过“>”进行选择。 总结:>作用于元素的第一代后代,空格作用于元素的所有后代。
    查看全部

举报

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

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