java-HTMLjavaSkcriptCSSjQueryajax

CSS 伪装

1、<style>a;link{color:#000000}

a:visited{color:#000000;

a.:hover{color:#FF00FF}

a:active{color: #0000FF;}</style> <body><p><a href="/css" target="-blank"><>/a</p></body>

2、first-child伪类来选择元素的第一个子元素

color:blue;

}</style>

匹配第一个元素的<p>元素中的所有<i>元素

<style>

p>i:first-child{

color：blue;}</style>

<body> <p>I am is <i>strong</i>man <i>yes</i></p>

<p>I am is <i>strong</i>man <i>yes</i></p></body>

3、<style>p：first-line{

color:#ff0000;

font-variant:small-caps;}</style> <body><p>klKJDF</p></body>

4、文本首字母设置特殊样式

color:#ff0000;

font-size:xx-large;}</stylel>

<body> first a letter</body>

5、before元素添加首行的图片

<style>h1:before{

content:url(smiley.gif);}</style>

<body><h1>this is A haeading</h1></body> before 元素改成after就是在尾行添加图像

6、HTML导航栏设置

</ul></body> 这里要说明的是 # 这个标记就是指url测试，只是在按照url的形式反映出来，但不链接不能跳转

7、在列表中删除边距和填充

ul{ list-style-type:none; -------->移除列表前的小标志

margin:0;

padding:0;

} <body><ul><li><a href="#home">主页</a></li>

8、垂直导航栏

<style>ul{

list-style-type:none;

margin:0;

padding:0;

width:20px;

background-color:#ffffff;

}

li a{

display:block;

color:#000;

padding:3px 23px;

text-decoration:none;

}

li a:hover{

background-color:#444;

color:white;

}</style>

<body>

<ul>

<li><a href="#home">主页</a></li></ul></body> 如果设置激活导航栏列 li a.active{ background-color:#444; color:white;}

设置水平导航栏 li{ display:inline;}

9、下拉菜单

<style>

.dropdown{

position:relative;

display:inline-block;

}

.dropdown-content{

display:none;

position:absolute;

background-color: #FFFFFF;

min-width:92px;

box-shadow:0px 3px 23px 23px egbz(0,0,0,2);

padding:12px 12px;

}

.dropdown:hover .dropdown-content{

display:block;

}</style>

<span>鼠标移动走到这里</span>

</body>

转载于:https://www.cnblogs.com/xinxianquan/p/8525898.html

java-HTMLjavaSkcriptCSSjQueryajax相关推荐

java ajax html复选框,HTMLjavaSkcriptCSSjQueryajax（九）(示例代码)
一.HTML 1.单选按钮 Male Female 2.复选框 I have a Car 3.下拉列表 VoloFita 如果设置某项选定直接 fem 4.设置文本域创建按钮 5. R ...
springboot实现SSE服务端主动向客户端推送数据，java服务端向客户端推送数据，kotlin模拟客户端向服务端推送数据
SSE服务端推送服务器向浏览器推送信息,除了 WebSocket,还有一种方法:Server-Sent Events(以下简称 SSE).本文介绍它的用法. 在很多业务场景中,会涉及到服务端向客户端 ...
Java 获取当前时间之后的第一个周几，java获取当前日期的下一个周几
Java 获取当前时间之后的第一个周几,java获取当前日期的下一个周几 //获得入参的日期 Calendar cd = Calendar.getInstance(); cd.setTime(date ...
在k8s中使用gradle构建java web项目镜像Dockerfile
在k8s中使用gradle构建java web项目镜像Dockerfile FROM gradle:6-jdk8 AS build COPY --chown=gradle:gradle . /home ...
Java | kotlin 手动注入bean，解决lateinit property loginService has not been initialized异常
kotlin.UninitializedPropertyAccessException: lateinit property loginService has not been initialized ...
SpringBoot项目使用nacos，kotlin使用nacos，java项目使用nacos，gradle项目使用nacos，maven项目使用nacos
SpringBoot项目使用nacos kotlin demo见Gitte 一.引入依赖提示:这里推荐使用2.2.3版本,springboot与nacos的依赖需要版本相同,否则会报错. maven ...
OpenAPI使用（swagger3），Kotlin使用swagger3，Java使用swagger3，gradle、Maven使用swagger3
OpenAPI使用(swagger3) demo见Gitte 一.背景及名词解释 OpenAPI是规范的正式名称.规范的开发工作于2015年启动,当时SmartBear(负责Swagger工具开发的公 ...
Gradle错误提示:Java home supplied via ‘xxx.xxx.xxx‘ is invalid
Gradle错误提示:Java home supplied via 'org.gradle.java.home' is invalid 描述:在使用idea采用gradle进行依赖的管理功能,当想切换 ...
查看Hotspot源码，查看java各个版本源码的网站，如何查看jdk源码
java开发必知必会之看源码,而看源码的第一步则是找到源码
java基本类型转换，随记
java基本类型转换: double double 转 long double random = Math.round(Math.random()*10000); long l = new Doubl ...

java-HTMLjavaSkcriptCSSjQueryajax

java-HTMLjavaSkcriptCSSjQueryajax相关推荐

最新文章

热门文章