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

初识HTML(5)+CSS(3)

五月的夏天 Web前端工程师
难度入门
时长 9小时18分
最热 最新
  • 慕工程3165275

        <!--更有趣的是伪类选择符，为什么叫做伪类选择符，它允许给html不存在的标签（标签的某种状态）设置

        样式，比如说我们给html中一个标签元素的鼠标滑过的状态来设置字体颜色：a:hover{color:red;}-->


    查看全部
    0 采集 收起 来源：伪装者 - 伪类选择器

    2020-12-04

  • 慕工程3165275

        <!--通用选择器是功能最强大的选择器，它使用一个（*）号指定，它的作用是匹配html中所有标签元素，如

        下使用下面代码使用html中任意标签元素字体颜色全部设置为红色：* {color:red;}-->


    查看全部
    0 采集 收起 来源：我全都要 - 通用选择器

    2020-12-04

  • weixin_慕运维9562737

    取个唯一标识 - ID选择器

    这一小节我们来学习ID选择器了，那么ID选择器如何使用呢?

    我们也能实现让div字体变成红色的效果:

    技术点的解释：

    1、使用ID选择器，必须给标签添加上id属性，为标签设置id="ID名称"，而不是class="类名称"。

    2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

    3、id属性的值既为当前标签的id，尽量见名思意，语义化。

     


    查看全部
    0 采集 收起 来源：取个唯一标识 - ID选择器

    2020-12-04

  • 慕工程3165275

        <!--包含选择器，即加入空格,用于选择指定标签元素下的后辈元素-->

        <!--子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作

        用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择。-->

        <!--总结：>作用于元素的第一代后代，空格作用于元素的所有后代。-->


    查看全部
    0 采集 收起 来源：这么快就当爷爷了? - 后代选择器

    2020-12-04

  • 慕工程3165275

     <!--子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。-->

    查看全部
    0 采集 收起 来源：捡了一个儿子 - 子选择器

    2020-12-04

  • 慕工程3165275

        <!--

        类和ID选择器的区别:

        相同点：可以应用于任何元素

        

        不同点：


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

                2、可以使用类选择器词列表方法为一个元素同时设置多个样式。我们可以为一个元素同时设多个样式，但只可以用类选择器的方法实现，ID选择器是不可以的（不能使用 ID 词列表）

        

        

        -->


    查看全部
    0 采集 收起 来源：类和ID选择器的区别

    2020-12-04

  • weixin_慕运维9562737

    类选择器

    类选择器在css样式编码中是最常用到的，如右侧代码编辑器中的代码:可以实现为“胆小如鼠”、“勇气”字体设置为红色。

    语法：

    .类选器名称{css样式代码;}

    注意：

    1、英文圆点开头

    2、其中类选器名称可以任意起名（但不要起中文噢）

    使用方法：

    第一步：使用合适的标签把要修饰的内容标记起来，如下：

    <span>胆小如鼠</span>

    第二步：使用class="类选择器名称"为标签设置一个类，如下：

    <span class="stress">胆小如鼠</span>

    第三步：设置类选器css样式，如下：

    .stress{color:red;}/*类前面要加入一个英文圆点*/


    查看全部
    0 采集 收起 来源：再选一个类 - 类选择器

    2020-12-04

  • weixin_慕运维9562737

    标签选择器

    标签选择器其实就是html代码中的标签。如右侧代码编辑器中的<html>、<body>、<h1>、<p>、<img>。例如下面代码：

    p{font-size:12px;line-height:1.6em;}

    上面的css样式代码的作用：为p标签设置12px字号，行间距设置1.6em的样式。


    查看全部
    0 采集 收起 来源：选一个标签 - 标签选择器

    2020-12-04

  • 慕工程3165275

        <!--1、使用ID选择器，必须给标签添加上id属性，为标签设置id="ID名称"，而不是class="类名称"。

            

            2、ID选择符的前面是井号（#）号，而不是英文圆点（.）。

            

            3、id属性的值既为当前标签的id，尽量见名思意，语义化。-->


    查看全部
    0 采集 收起 来源：取个唯一标识 - ID选择器

    2020-12-04

  • 慕工程3165275

        <!--类选择器在css样式编码中是最常用到的

        语法：


            .类选器名称{css样式代码;}-->

            

        <!--1、英文圆点开头


            2、其中类选器名称可以任意起名（但不要起中文噢）-->   

            <!--使用方法：


                        第一步：使用合适的标签把要修饰的内容标记起来

                        <span>胆小如鼠</span>

                        第二步：使用class="类选择器名称"为标签设置一个类

                        <span class="stress">胆小如鼠</span>

                        第三步：设置类选器css样式

                        .stress{color:red;}

                        -->


    查看全部
    0 采集 收起 来源：再选一个类 - 类选择器

    2020-12-04

  • 慕工程3165275

     /*标签选择器就是利用HTML中的标签进行名作为选择的选择符*/

    查看全部
    0 采集 收起 来源：选一个标签 - 标签选择器

    2020-12-04

  • 慕工程3165275

        <!--每一条css样式声明（定义）由两部分组成，形式如下：


            选择器{

                样式;

            }-->

        <!--“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。-->


    查看全部
    0 采集 收起 来源：css3的游戏规则 - 什么是选择器？

    2020-12-04

  • 慕工程3165275

    这三种样式是有优先级的，记住他们的优先级：内联式 > 嵌入式 > 外部式

    其实总结来说，就是--就近原则（离被设置元素越近优先级别越高）。

    注意上面所总结的优先级是有一个前提：内联式、嵌入式、外部式样式表中css样式是在的相同权值的情况下

    查看全部
    0 采集 收起 来源：总有个先来后到吧 - 三种链接方式的优先级

    2020-12-04

  • 慕工程3165275

        <!--外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名，在<head>内（不是在<style>标签内）-->

        <!--注意：


                1、css样式文件名称以有意义的英文字母命名，如 main.css。

                

                2、rel="stylesheet" type="text/css" 是固定写法不可修改。

                

                3、<link>标签位置一般写在<head>标签之内。-->


    查看全部
    0 采集 收起 来源：还是把html和css分开吧 - 外部式css样式

    2020-12-04

  • 慕工程3165275

      <!--嵌入式css样式，就是可以把css样式代码写在<style type="text/css"></style>标签之间-->

        <!--嵌入式css样式必须写在<style></style>之间，并且一般情况下嵌入式css样式写在<head></head>之间。-->


    查看全部
    0 采集 收起 来源：换个地方吧,行内太挤了 - 嵌入式css样式

    2020-12-04

首页上一页381382383384385386387下一页尾页

举报

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

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

查看已购买的课程