JavaWeb静态网页

  1. 标记语言不是编程语言

语法

标签

文件标签
文档标签
图片标签
列表标签
链接标签
其他标签
语义化标签
表格标签
表单标签
表单项标签

特殊字符集

CSS


Cascading Style Sheets 层叠样式表

**层叠:**多个样式可以作用在同一个html的元素上,同时生效。

好处:

  1. 功能强大
  1. 将内容展示和样式控制分离

《一线大厂Java面试题解析+后端开发学习笔记+最新架构讲解视频+实战项目源码讲义》无偿开源 威信搜索公众号【编程进阶路】       * 降低耦合度。解耦

* 让分工协作更容易

* 提高开发效率

CSS与html结合方式

内联样式概述:在标签内使用style属性指定css代码
如:<div style="color:red;">hello css</div>
内部样式概述:在head标签内定义style标签,style标签的标签体内容就是css代码
如:
      <style>
          div{
                color:blue;
          }
     </style>
     <div>hello css</div>
外部样式

概述:

1. 定义css资源文件
2. 在head标签内,定义link标签,引入外部的资源文件

如:
        a.css文件:
        div{
            color:green;
        }
        <link rel="stylesheet" href="css/a.css">
        <div>hello css</div>
        <div>hello css</div>
注意1、2、3种方式,css作用范围越来越大
1方式不常用,后期常用2、3
外部样式格式可以写为:
        <style>
            @import "css/a.css";
        </style>

语法格式

选择器 {

属性名1: 属性值1;

属性名2: 属性值2;

}

注释:/* 注释信息 */

**注意:**每一对属性需要使用;隔开,最后一对属性可以不加。

选择器

**概述:**筛选具有相似特征的元素。

基础选择器
扩展选择器

属性

案例:注册页面

=======

注册页面

新用户注册

USER REGISTER

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值