毕向东_JavaScript视频教程_css

2024-03-15 03:18

本文主要是介绍毕向东_JavaScript视频教程_css,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

css层叠样式表
将网页中的样式分离出来,完全由css来控制,增强样式的复用性以及可扩展性。
格式: 选择器{属性名: 属性值;属性名:属性值;……}

css和html代码相结合的四种方式:
1.每一个Html标签都有一个style属性。
2.当页面有多个标签有相同样式时,可以进行复用。
<style>
css代码。
</style>
3.当有多个页面中的标签样式相同时,还可以将样式单独封装成一个css文件。通过在每个页面中定义
<style>
@import url("1.css");
</style>
4.通过Html中head标签中的Link标签链接一个css文件。
<link rel="stylesheet" href="1.css"/>
技巧:为了提高相同样式的复用性及扩展性,可以将多个标签样式进行单独定义,并封装成css文件.在一个css文件中使用css的import将多个标签样式文件导入。然后在html页面上,使用Link标签导入这个总的css文件即可。

选择器:样式要作用的标签容器。
当样式分离后,html作用在于用标签封装数据,然后将css加载到指定标签上。

选择器的基本分类:
1.标签选择器:HTML中的每一个标签名;
2.类选择器:其实就是每一个标签中的class属性,用.的形式表示,可以对不同标签进行相同样式设定;
3.ID选择器:每一个标签中的ID属性,保证ID的唯一性,ID不仅可以被Css所使用,还可以被javascript使用,用#标识。选择器优先级:ID>class>标签
扩展选择器:
1.关联选择器:对标签中的标签进行样式定义,选择器 选择器……
2.组合选择器:对多个选择器进行相同样式定义,将多个选择器通过","隔开的形式。
3.伪元素选择器:其实就是元素的一种状态;
a:link:超链接点击前状态;
a:visited:超链接点击后的状态;
a:hover悬停在超连接上;
a:active:点击超链接时。在定义这些状态时,有一个顺序: LVHA。

CSS滤镜:通过一些代码完成丰富了的样式,如拖影,水印。
当使用到CSS的更多属性时,还需要查阅 CSS API . 

网页设计的时候,DIV+CSS. 

DIV:行级区域,SPAN:块级区域;P:行级区域,P中不要嵌套DIV。区别:两个P中有换行。

这篇关于毕向东_JavaScript视频教程_css的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/810619

相关文章

Spring Boot中WebSocket常用使用方法详解

《SpringBoot中WebSocket常用使用方法详解》本文从WebSocket的基础概念出发,详细介绍了SpringBoot集成WebSocket的步骤,并重点讲解了常用的使用方法,包括简单消... 目录一、WebSocket基础概念1.1 什么是WebSocket1.2 WebSocket与HTTP

SpringBoot+Docker+Graylog 如何让错误自动报警

《SpringBoot+Docker+Graylog如何让错误自动报警》SpringBoot默认使用SLF4J与Logback,支持多日志级别和配置方式,可输出到控制台、文件及远程服务器,集成ELK... 目录01 Spring Boot 默认日志框架解析02 Spring Boot 日志级别详解03 Sp

java中反射Reflection的4个作用详解

《java中反射Reflection的4个作用详解》反射Reflection是Java等编程语言中的一个重要特性,它允许程序在运行时进行自我检查和对内部成员(如字段、方法、类等)的操作,本文将详细介绍... 目录作用1、在运行时判断任意一个对象所属的类作用2、在运行时构造任意一个类的对象作用3、在运行时判断

java如何解压zip压缩包

《java如何解压zip压缩包》:本文主要介绍java如何解压zip压缩包问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java解压zip压缩包实例代码结果如下总结java解压zip压缩包坐在旁边的小伙伴问我怎么用 java 将服务器上的压缩文件解压出来,

SpringBoot中SM2公钥加密、私钥解密的实现示例详解

《SpringBoot中SM2公钥加密、私钥解密的实现示例详解》本文介绍了如何在SpringBoot项目中实现SM2公钥加密和私钥解密的功能,通过使用Hutool库和BouncyCastle依赖,简化... 目录一、前言1、加密信息(示例)2、加密结果(示例)二、实现代码1、yml文件配置2、创建SM2工具

Spring WebFlux 与 WebClient 使用指南及最佳实践

《SpringWebFlux与WebClient使用指南及最佳实践》WebClient是SpringWebFlux模块提供的非阻塞、响应式HTTP客户端,基于ProjectReactor实现,... 目录Spring WebFlux 与 WebClient 使用指南1. WebClient 概述2. 核心依

Spring Boot @RestControllerAdvice全局异常处理最佳实践

《SpringBoot@RestControllerAdvice全局异常处理最佳实践》本文详解SpringBoot中通过@RestControllerAdvice实现全局异常处理,强调代码复用、统... 目录前言一、为什么要使用全局异常处理?二、核心注解解析1. @RestControllerAdvice2

Spring IoC 容器的使用详解(最新整理)

《SpringIoC容器的使用详解(最新整理)》文章介绍了Spring框架中的应用分层思想与IoC容器原理,通过分层解耦业务逻辑、数据访问等模块,IoC容器利用@Component注解管理Bean... 目录1. 应用分层2. IoC 的介绍3. IoC 容器的使用3.1. bean 的存储3.2. 方法注

Spring事务传播机制最佳实践

《Spring事务传播机制最佳实践》Spring的事务传播机制为我们提供了优雅的解决方案,本文将带您深入理解这一机制,掌握不同场景下的最佳实践,感兴趣的朋友一起看看吧... 目录1. 什么是事务传播行为2. Spring支持的七种事务传播行为2.1 REQUIRED(默认)2.2 SUPPORTS2

怎样通过分析GC日志来定位Java进程的内存问题

《怎样通过分析GC日志来定位Java进程的内存问题》:本文主要介绍怎样通过分析GC日志来定位Java进程的内存问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、GC 日志基础配置1. 启用详细 GC 日志2. 不同收集器的日志格式二、关键指标与分析维度1.