浮动 可以让多个块标签处于同一行 不用转换成行内元素 宽和高以及盒子模型的特征的以保留 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .outerDiv{ bo ...
分类:
其他好文 时间:
2021-01-14 11:07:15
阅读次数:
0
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title></title> 6 <style type="text/css"> 7 /* 8 相对定位特点 9 1.不会离文档流 占位 所有后面的元素不会往前跑 10 2 ...
分类:
其他好文 时间:
2021-01-11 11:05:23
阅读次数:
0
后缀名 MIME名称*.3gpp audio/3gpp, video/3gpp*.ac3 audio/ac3*.asf allpication/vnd.ms-asf*.au audio/basic*.css text/css*.csv text/csv*.doc application/msword ...
分类:
其他好文 时间:
2021-01-05 11:42:32
阅读次数:
0
1.根据屏幕大小改变背景颜色 <style type="text/css"> /* 媒体查询可以根据不同的屏幕尺寸改变不同的样式 */ /* 屏幕最大宽度就是800像素 */ @media screen and (max-width: 399px) { body { background: pink ...
分类:
其他好文 时间:
2020-12-16 12:28:25
阅读次数:
3
<html> <head> <style type="text/css"> .res { color: Red; } .result{ background: yellow; } </style> <script src="https://apps.bdimg.com/libs/jquery/2.1 ...
分类:
其他好文 时间:
2020-12-08 12:17:40
阅读次数:
4
话不多说先上要实现的效果:(很简单水平居中) <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素垂直居中的方法</title> </head> <style type="text/css"> /* 方式一 */ .box{ w ...
分类:
其他好文 时间:
2020-12-03 12:27:34
阅读次数:
16
在使用Tomcat部署服务器之前我们需要写一个页面登录的HTML文本 该文本如下 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <style type="text/css"> ...
分类:
其他好文 时间:
2020-11-17 13:02:00
阅读次数:
24
使用伪类(::before/::after)设置文本前后图标。减少标签的浪费,使页面更加整洁。 如图: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .box{ ...
分类:
其他好文 时间:
2020-11-13 12:17:39
阅读次数:
5
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>div+css</title> <style type="text/css"> .out{ border:solid 1px red; width: 960px; height: ...
分类:
Web程序 时间:
2020-11-08 17:04:26
阅读次数:
25
1. CSS引用的基本形式:<linkrel="stylesheet" href="path/fileName.css" type="text/css"media="screen" /> 2. 格式 a) 在html文件中引用CSS采用<styletype="text/css">……</style> ...
分类:
Web程序 时间:
2020-11-07 17:35:03
阅读次数:
40