HTML学习阶段二

title属性-----可以在任意位置

 <a  herf=""  title=""></a>

div和span属性

div标签:

               本身无含义,一般对网页划分区域

        特点:双标签,横向排列

span标签:

                本身无含义,一般用来修饰某一小段文字

        特点:

                 双 横向排列

 表单标签

表单标签:收集用户信息

                                <from action="" method="" name="">

标签名:from

        action属性:写服务地址

        method属性:写提交的方式(get,post)

        name属性:给表单起名字

表单控件:

        文本输入框:
                        账号:<input type="text"><br>

                        密码:<input type="password">-----密码框

提交<input type="submit">

重置按钮<input type="reset">

CSS:层叠样式表

                作用:美化网页

        css的写法:
                        1.行内样式表

                        2.内部样式表

在head标签当中创建一个style标签

        color : 文字颜色

        front: 字体大小

        background-color:背景色

        width:宽度

        heigh:高度

              3.外部样式表

外部样式

行内样式

<h4 style="background-color: blue;"> 哈哈哈啊</h4>

 

样式表的优先级

1、内部样式和外部样式需要看代码顺序,后者覆盖前着

2、行内样式优先级最高

类选择器

多个类名问题

选择器

id选择器:

                特点: 唯一性

 <style>

#p1{color: green;}

</style>

<p id="p1">秦时明月汉时关</p>

后代和子代选择器

后代选择器的标志是空格

自带选择器大于(>)只能找到子代

群组选择器

群组选择器:

        可以一次找到多个标签

                好处:减少代码量

                标志:逗号

p,d1,d2,i,b{

        color: green;

}

通配符选择器

通配符: 可以找到所有标签

        使用场景:通常做清楚所有标签的间距

        *{

         padding:0;

         margin: 0;

}

相关推荐

  1. Python爬虫学习):xpath解析html

    2023-12-06 13:52:01       12 阅读
  2. 前端小白的学习之路(HTML5 )

    2023-12-06 13:52:01       17 阅读
  3. 目标检测(阶段)领域,常见词汇

    2023-12-06 13:52:01       12 阅读

最近更新

  1. TCP协议是安全的吗?

    2023-12-06 13:52:01       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2023-12-06 13:52:01       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2023-12-06 13:52:01       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2023-12-06 13:52:01       20 阅读

热门阅读

  1. [cmake] ---- set_property

    2023-12-06 13:52:01       34 阅读
  2. 从零开始的C++(二十)

    2023-12-06 13:52:01       41 阅读
  3. 小白理解GPT的“微调“(fine-tuning)

    2023-12-06 13:52:01       42 阅读
  4. Go语言基础面经

    2023-12-06 13:52:01       38 阅读
  5. 【C++】初阶模板

    2023-12-06 13:52:01       38 阅读
  6. 技术难题:解密编程中的挑战与突破

    2023-12-06 13:52:01       36 阅读
  7. 设计模式系列文章

    2023-12-06 13:52:01       47 阅读
  8. lua_next

    2023-12-06 13:52:01       41 阅读
  9. vscode console.log快捷键

    2023-12-06 13:52:01       40 阅读