毕向东_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

相关文章

Java实现将HTML文件与字符串转换为图片

《Java实现将HTML文件与字符串转换为图片》在Java开发中,我们经常会遇到将HTML内容转换为图片的需求,本文小编就来和大家详细讲讲如何使用FreeSpire.DocforJava库来实现这一功... 目录前言核心实现:html 转图片完整代码场景 1:转换本地 HTML 文件为图片场景 2:转换 H

Java使用jar命令配置服务器端口的完整指南

《Java使用jar命令配置服务器端口的完整指南》本文将详细介绍如何使用java-jar命令启动应用,并重点讲解如何配置服务器端口,同时提供一个实用的Web工具来简化这一过程,希望对大家有所帮助... 目录1. Java Jar文件简介1.1 什么是Jar文件1.2 创建可执行Jar文件2. 使用java

C#使用Spire.Doc for .NET实现HTML转Word的高效方案

《C#使用Spire.Docfor.NET实现HTML转Word的高效方案》在Web开发中,HTML内容的生成与处理是高频需求,然而,当用户需要将HTML页面或动态生成的HTML字符串转换为Wor... 目录引言一、html转Word的典型场景与挑战二、用 Spire.Doc 实现 HTML 转 Word1

SpringBoot实现不同接口指定上传文件大小的具体步骤

《SpringBoot实现不同接口指定上传文件大小的具体步骤》:本文主要介绍在SpringBoot中通过自定义注解、AOP拦截和配置文件实现不同接口上传文件大小限制的方法,强调需设置全局阈值远大于... 目录一  springboot实现不同接口指定文件大小1.1 思路说明1.2 工程启动说明二 具体实施2

Vue3绑定props默认值问题

《Vue3绑定props默认值问题》使用Vue3的defineProps配合TypeScript的interface定义props类型,并通过withDefaults设置默认值,使组件能安全访问传入的... 目录前言步骤步骤1:使用 defineProps 定义 Props步骤2:设置默认值总结前言使用T

Java实现在Word文档中添加文本水印和图片水印的操作指南

《Java实现在Word文档中添加文本水印和图片水印的操作指南》在当今数字时代,文档的自动化处理与安全防护变得尤为重要,无论是为了保护版权、推广品牌,还是为了在文档中加入特定的标识,为Word文档添加... 目录引言Spire.Doc for Java:高效Word文档处理的利器代码实战:使用Java为Wo

SpringBoot日志级别与日志分组详解

《SpringBoot日志级别与日志分组详解》文章介绍了日志级别(ALL至OFF)及其作用,说明SpringBoot默认日志级别为INFO,可通过application.properties调整全局或... 目录日志级别1、级别内容2、调整日志级别调整默认日志级别调整指定类的日志级别项目开发过程中,利用日志

Java中的抽象类与abstract 关键字使用详解

《Java中的抽象类与abstract关键字使用详解》:本文主要介绍Java中的抽象类与abstract关键字使用详解,本文通过实例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧... 目录一、抽象类的概念二、使用 abstract2.1 修饰类 => 抽象类2.2 修饰方法 => 抽象方法,没有

SpringBoot 多环境开发实战(从配置、管理与控制)

《SpringBoot多环境开发实战(从配置、管理与控制)》本文详解SpringBoot多环境配置,涵盖单文件YAML、多文件模式、MavenProfile分组及激活策略,通过优先级控制灵活切换环境... 目录一、多环境开发基础(单文件 YAML 版)(一)配置原理与优势(二)实操示例二、多环境开发多文件版

Spring 中的切面与事务结合使用完整示例

《Spring中的切面与事务结合使用完整示例》本文给大家介绍Spring中的切面与事务结合使用完整示例,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考... 目录 一、前置知识:Spring AOP 与 事务的关系 事务本质上就是一个“切面”二、核心组件三、完