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

相关文章

vue基于ElementUI动态设置表格高度的3种方法

《vue基于ElementUI动态设置表格高度的3种方法》ElementUI+vue动态设置表格高度的几种方法,抛砖引玉,还有其它方法动态设置表格高度,大家可以开动脑筋... 方法一、css + js的形式这个方法需要在表格外层设置一个div,原理是将表格的高度设置成外层div的高度,所以外层的div需要

IDEA运行spring项目时,控制台未出现的解决方案

《IDEA运行spring项目时,控制台未出现的解决方案》文章总结了在使用IDEA运行代码时,控制台未出现的问题和解决方案,问题可能是由于点击图标或重启IDEA后控制台仍未显示,解决方案提供了解决方法... 目录问题分析解决方案总结问题js使用IDEA,点击运行按钮,运行结束,但控制台未出现http://

解决Spring运行时报错:Consider defining a bean of type ‘xxx.xxx.xxx.Xxx‘ in your configuration

《解决Spring运行时报错:Considerdefiningabeanoftype‘xxx.xxx.xxx.Xxx‘inyourconfiguration》该文章主要讲述了在使用S... 目录问题分析解决方案总结问题Description:Parameter 0 of constructor in x

解决IDEA使用springBoot创建项目,lombok标注实体类后编译无报错,但是运行时报错问题

《解决IDEA使用springBoot创建项目,lombok标注实体类后编译无报错,但是运行时报错问题》文章详细描述了在使用lombok的@Data注解标注实体类时遇到编译无误但运行时报错的问题,分析... 目录问题分析问题解决方案步骤一步骤二步骤三总结问题使用lombok注解@Data标注实体类,编译时

JSON字符串转成java的Map对象详细步骤

《JSON字符串转成java的Map对象详细步骤》:本文主要介绍如何将JSON字符串转换为Java对象的步骤,包括定义Element类、使用Jackson库解析JSON和添加依赖,文中通过代码介绍... 目录步骤 1: 定义 Element 类步骤 2: 使用 Jackson 库解析 jsON步骤 3: 添

Java中注解与元数据示例详解

《Java中注解与元数据示例详解》Java注解和元数据是编程中重要的概念,用于描述程序元素的属性和用途,:本文主要介绍Java中注解与元数据的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参... 目录一、引言二、元数据的概念2.1 定义2.2 作用三、Java 注解的基础3.1 注解的定义3.2 内

Java中使用Java Mail实现邮件服务功能示例

《Java中使用JavaMail实现邮件服务功能示例》:本文主要介绍Java中使用JavaMail实现邮件服务功能的相关资料,文章还提供了一个发送邮件的示例代码,包括创建参数类、邮件类和执行结... 目录前言一、历史背景二编程、pom依赖三、API说明(一)Session (会话)(二)Message编程客

Java中List转Map的几种具体实现方式和特点

《Java中List转Map的几种具体实现方式和特点》:本文主要介绍几种常用的List转Map的方式,包括使用for循环遍历、Java8StreamAPI、ApacheCommonsCollect... 目录前言1、使用for循环遍历:2、Java8 Stream API:3、Apache Commons

JavaScript中的isTrusted属性及其应用场景详解

《JavaScript中的isTrusted属性及其应用场景详解》在现代Web开发中,JavaScript是构建交互式应用的核心语言,随着前端技术的不断发展,开发者需要处理越来越多的复杂场景,例如事件... 目录引言一、问题背景二、isTrusted 属性的来源与作用1. isTrusted 的定义2. 为

Java循环创建对象内存溢出的解决方法

《Java循环创建对象内存溢出的解决方法》在Java中,如果在循环中不当地创建大量对象而不及时释放内存,很容易导致内存溢出(OutOfMemoryError),所以本文给大家介绍了Java循环创建对象... 目录问题1. 解决方案2. 示例代码2.1 原始版本(可能导致内存溢出)2.2 修改后的版本问题在