Javaweb实训
/* CSS Document */
/*
对于CSS来说 每一个元素默认的margin和padding就是0px。但是不同的浏览器会有一个默认的浏览器样式修改默认的margin padding。所以在使用自定义样式编程前加上 *{ }重新设置margin和padding为0px,覆盖浏览器样式使得各个浏览器下统一。
*/
*{
margin:0px;
padding:0px;
font-weight: bold;
}
/*a {*/
/*color:black;*/
/*text-decoration: none;*/
/*}*/
a:link,
a:visited {
color:#FF0000;
text-decoration:underline;
}
a:hover,
a:active {
color: #5cffeb;
text-decoration:none;
}
/*
ID选择器 以#开始 用来匹配元素的id值
*/
#header{
height:160px;
background-color:#0033FF;
position:relative;
}
/*后代选择器 在多个选择器之间加入空格表示后代选择器 用来匹配元素的包含关系
标签选择器 直接使用标签本身来匹配元素
*/
#header h1{
color:#FFFF00;
font-size:48px;
padding-top:40px;
width:300px;/* 通过设置margin的左右为auto可以实现居中,前提是被居中元素指定宽度*/
margin:0px auto;
}
/* #header a:first-child #header 里面所有是一个子元素的链接
#header > a:first-child #header的直接子元素中的第一个a
*/
#header > a:first-child{
/*float:right;*/
position:absolute;
right:15px;
top:10px;
}
/*
所有元素默认的postion是static,其特点按照在文档中的先后顺序进行排列
position:absolute 绝对布局,其特点相对于最近一个已定位(absolute/relative )父元素进行定位,如果没有这样的父元素就相对于body。通过top bottom left right控制
position:relative 相对布局 其特点是相对于元素本来的位置进行位移 。通过top bottom left right控制,如果吗,没有位移量,其显示还是在原来的位置,但是性质已经变成定位元素。
*/
#header .menu{
position:absolute;
bottom:5px;
}
#header .menu li{
float: left;
margin-left:15px;
list-style-type:none
}
#main{
min-height:500px;
background-color:#CCCCCC;
}
#main table ,#main h4{
width:360px;
margin:0px auto;
}
.minWidth{
min-width:240px;
}
#main table{
padding-top:60px;
}
#main table .result{
background-color: white;
text-align: center;
}
#main input,#main img[src='CheckCode']{
width:150px;
height:24px;
}
#main textarea{
width: 150px;
height: 96px;
}
/*
每个id选择器算100 类 伪类算10 标签选择器算1 将所有的值相加就是优先级
*/
#main tr:last-child input{
width:auto;
padding:0 10px;
}
#footer{
background-color:#0033FF;
height:80px;
}
转载于:https://www.cnblogs.com/Black-YeJing/p/9131132.html
相关知识
实训园(室)
犬实训心得1000字
宠物病理实训报告
宠物实训期末总结.docx
融一知行:桥梁模拟实训设备
兽医实训总结范文
基于Javaweb的宠物健康生活管理系统的设计与实现
畜牧兽医和动物医学专业部分实训条件
畜牧兽医专业校内实训基地
宠物临床诊疗技术实训案例(宠物专业培训资料).docx
网址: Javaweb实训 https://www.mcbbbk.com/newsview259123.html
上一篇: 居民区内开宠物店允许吗 |
下一篇: java基于ssm+vue+el |
推荐分享

- 1我的狗老公李淑敏33——如何 5096
- 2南京宠物粮食薄荷饼宠物食品包 4363
- 3家养水獭多少钱一只正常 3825
- 4豆柴犬为什么不建议养?可爱的 3668
- 5自制狗狗辅食:棉花面纱犬的美 3615
- 6狗交配为什么会锁住?从狗狗生 3601
- 7广州哪里卖宠物猫狗的选择性多 3535
- 8湖南隆飞尔动物药业有限公司宠 3477
- 9黄金蟒的价格 3396
- 10益和 MATCHWELL 狗 3352