毕向东_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实现按字节长度截取字符串

《Java实现按字节长度截取字符串》在Java中,由于字符串可能包含多字节字符,直接按字节长度截取可能会导致乱码或截取不准确的问题,下面我们就来看看几种按字节长度截取字符串的方法吧... 目录方法一:使用String的getBytes方法方法二:指定字符编码处理方法三:更精确的字符编码处理使用示例注意事项方

Spring三级缓存解决循环依赖的解析过程

《Spring三级缓存解决循环依赖的解析过程》:本文主要介绍Spring三级缓存解决循环依赖的解析过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、循环依赖场景二、三级缓存定义三、解决流程(以ServiceA和ServiceB为例)四、关键机制详解五、设计约

spring IOC的理解之原理和实现过程

《springIOC的理解之原理和实现过程》:本文主要介绍springIOC的理解之原理和实现过程,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、IoC 核心概念二、核心原理1. 容器架构2. 核心组件3. 工作流程三、关键实现机制1. Bean生命周期2.

解决tomcat启动时报Junit相关错误java.lang.ClassNotFoundException: org.junit.Test问题

《解决tomcat启动时报Junit相关错误java.lang.ClassNotFoundException:org.junit.Test问题》:本文主要介绍解决tomcat启动时报Junit相... 目录tomcat启动时报Junit相关错误Java.lang.ClassNotFoundException

Gradle下如何搭建SpringCloud分布式环境

《Gradle下如何搭建SpringCloud分布式环境》:本文主要介绍Gradle下如何搭建SpringCloud分布式环境问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地... 目录Gradle下搭建SpringCloud分布式环境1.idea配置好gradle2.创建一个空的gr

JVM垃圾回收机制之GC解读

《JVM垃圾回收机制之GC解读》:本文主要介绍JVM垃圾回收机制之GC,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录一、死亡对象的判断算法1.1 引用计数算法1.2 可达性分析算法二、垃圾回收算法2.1 标记-清除算法2.2 复制算法2.3 标记-整理算法2.4

springboot集成Lucene的详细指南

《springboot集成Lucene的详细指南》这篇文章主要为大家详细介绍了springboot集成Lucene的详细指南,文中的示例代码讲解详细,具有一定的借鉴价值,感兴趣的小伙伴可以跟随小编一起... 目录添加依赖创建配置类创建实体类创建索引服务类创建搜索服务类创建控制器类使用示例以下是 Spring

Java调用Python的四种方法小结

《Java调用Python的四种方法小结》在现代开发中,结合不同编程语言的优势往往能达到事半功倍的效果,本文将详细介绍四种在Java中调用Python的方法,并推荐一种最常用且实用的方法,希望对大家有... 目录一、在Java类中直接执行python语句二、在Java中直接调用Python脚本三、使用Run

Java根据IP地址实现归属地获取

《Java根据IP地址实现归属地获取》Ip2region是一个离线IP地址定位库和IP定位数据管理框架,这篇文章主要为大家详细介绍了Java如何使用Ip2region实现根据IP地址获取归属地,感兴趣... 目录一、使用Ip2region离线获取1、Ip2region简介2、导包3、下编程载xdb文件4、J

浅析如何使用xstream实现javaBean与xml互转

《浅析如何使用xstream实现javaBean与xml互转》XStream是一个用于将Java对象与XML之间进行转换的库,它非常简单易用,下面将详细介绍如何使用XStream实现JavaBean与... 目录1. 引入依赖2. 定义 JavaBean3. JavaBean 转 XML4. XML 转 J