聪明文档网

聪明文档网

最新最全的文档下载
当前位置: 首页> html5 css 代码

html5 css 代码

时间:2019-05-18 00:11:51    下载该word文档

1.css引用方式
内联式

行内式


外联式

import方式


2.相对路径:
../返回上一级目录
绝对路径:

3.表格:colspan 列合并 rowspan 行合并 cellspacing 单元格间距

a1

t1
t2
t3

7.表格当中添加表格


>






8.透明度

.uname:hover{
background-color: red;
opacity: 0.2;
}


9.焦点
.pwd:focus{

background-color: green;
width: 300px;
}

10.表单及表单控件: action:提交地址 action=""提交当前页
method:提交方式 get-默认 post-更加安全

1
value="uname">

2
type="password" name="pwd" value="pwd>

3
1
2

4 --ajax 局部刷新

5
"重置" name="but03">

6 --value="不同" name="相同"

7 --value="不同" name="相同"
爱好: name="c1" >学习
name="c1" >游戏
name="c1" >睡觉

8
城市: multiple>
北京
上海
哈尔滨

9
简介:

10
上传文件:

11

12




>








>










<input type="search">

11.外边距
margin-left margin-right margin-top margin-bottom
1元素(盒子)垂直排列,margin上下合并,取最大值。
2元素(盒子)水平排列,margin左右累加
margin允许有负值

margin:20px; 四边
margin:20px 40px; 上下 左右
margin:20px 180px 200px; 左右
margin:20px 700px 80px 100px;

12.内边距

padding-left padding-right padding-top padding-bottom

padding 不允许负值

padding:50px; 四边
padding:30px 40px; 上下 左右
padding:20px 20px 40px; 左右
padding:20px 40px 20px 40px;

13.加粗:

font-weight: border 100~900;

简写:

font:italic bolder 20px arial ;简写20px arial 必写 顺序不能颠倒

14.背景简写:

background: red url("") no-repeat fixed top;简写 顺序可变

15.字体单位:
px 像素
cm 厘米
pt
in 英寸
百分比 对默认字体缩放(不同浏览器默认字体不同,默认最小字体也不同
em 字号倍数,相对于默认字体(父元素或浏览器)
//font-size:2em;//
//pt cm in 200%原基础上放大 50%原基础上缩小 em成倍数放大//

16.使红框固定大小

label{

width: 100px;
border:1px solid red;
display: inline-block;
}

17.表示label标签要绑定的HTML元素,你点击这个标签的时候,所绑定的元素将获取焦点

type="text" id="inp01">

18.颜色的表示方式
1颜色名 red

color:red;
2rgb() 范围0-255 red green blue 黑:rgb(0,0,0) 白:rgb(255,255,255)

color:rgb(255,0,0)
3十六进制表示,如#fea230

color:#ff0000;
4十六进制简写:#223344简写为 #234
color:#234;

19.背景图片定位
background-position:top right;

简写:

background:url("images/1.jpg") no-repeat top right;

20.CSS3 阴影
box-shadow:inset内阴影,省略为外阴影)水平偏移量,垂直偏移量,阴影模糊度,阴影大小,阴影颜色
box-shadow: 10px 10px 10px 10px black; 外阴影
box-shadow:inset 10px 10px 10px 10px black; 内阴影

21.伪类:被选中(被激活)
.d01:active{
background: blue;
}

22.先隐藏,鼠标悬浮时显示(隐藏的模块必须被包含在悬停的模块里)

.d02{
/*隐藏*/
display: none;
}
.d01:hover .d02{
/*显示*/
display: block;
}

>

23.line-height:10px; //行高

//height所设值相同时,文字垂直居中

24.

块级元素:与同级元素竖直排列,且左右撑满
如:div ul li p dd dt dl
行级元素:与同级元素横向排列,且内容自适应,不会左右撑满
如:span a img input
span a:宽高不能改变
img input:宽高能改变(特例)
标准流staticcss规定的默认的块级元素与行级元素的排列方式


display: block; 将当前元素转换为块级元素
display: inline; 将当前元素转换为行级元素
display: inline-block; 行级块元素

25.display visibility区别?
display 不占用空间(后元素补位) visibility 占用空间(保留原元素空间)
display: none; //隐藏
display: block; //显示
visibility: hidden; //隐藏

visibility: visible; //显示

26.浮动 float:left;

float:right;
1)浮动的元素会脱离标准流
2)如前面有浮动元素,会依次排在后面
3)浮动是以标准流所在位置为起始点
4)同高度元素横向排满后,会被“挤”到下面
5)不同高度元素横向排满后,挤下后会被其他元素“卡”
6)清除浮动:clear:both/left/right;
7)一个div的范围是由它里面的标准流决定的,与里面浮动的内容无关

27.绝对定位
1)position: absolute; left right top bottom
2)对定位脱离标准流
3)绝对定位的元素是以它最近的一个已经定位的祖先元素为基准进行偏移
如果没有已经定位的祖先元素,则会以浏览器窗口为基准进行偏移
4)多个元素绝对定位,后面定位的元素的层级会高于前面(覆盖之前的元素)
5)z-index 设定层级

28.相对定位
1)position: relative; left right top bottom
2)相对定位不脱离标准流
3)相对定位元素会相对于它原来的位置进行偏移,不受父元素影响
//相对定位、绝对定位允许负值
//相对定位、绝对定位对浮动元素依然有效

29.position:static; 恢复标准流

30.













38.变宽变高布局

/*比例法 宽度百分比*/
.header,.footer{
width: 80%;
height: 100px;
border: 1px solid #000000;
margin: 0 auto;
}

/*高度自适应布局*/

.content{
width: 80%;
margin: 0 auto;
border: 1px solid #000000;
float: left;
/*最小高度*/
min-height: 300px;
/*最大高度*/
max-height: 500px;
}

39.变宽布局

/*单侧变宽布局*/
/*定位法 --适合高度等高的元素*/
.header,.footer{
width: 80%;
height: 100px;
border: 1px solid #000000;
margin: 0 auto;
}

.container{
width: 80%;
height: 400px;
margin: 0 auto;
position: relative; //相对定位

}
.content{
width: 50%;
height: 400px;
border: 1px solid #000000;
margin: 0 300px 0 0;
}
.side{
width: 300px;
height: 600px;
border: 1px solid #000000;
position: absolute; //绝对定位
top:0;
right: 0;
}

/*高度不一致---浮动法*/

.content_wrap{
width: 100%;
height: 400px;
float: left;
margin-left: -300px;
}
.content{
height: 400px;
border: 1px solid #008000;
margin-left: 300px;
}

.side{
width: 296px;
height: 450px;
border: 1px solid #000000;
float: right;
}



40.

下午13:00—17:00

度。全体员工都必须自觉遵守工作时间,实行不定时工作制的员工不必打卡。

3.1.2.2打卡次数:一日两次,即早上上班打卡一次,下午下班打卡一次。

3.1.2.3打卡时间:打卡时间为上班到岗时间和下班离岗时间;

3.1.2.4因公外出不能打卡:因公外出不能打卡应填写《外勤登记表》,注明外出日期、事由、外勤起止时间。因公外出需事先申请,如因特殊情况不能事先申请,应在事毕到岗当日完成申请、审批手续,否则按旷工处理。因停电、卡钟(工卡)故障未打卡的员工,上班前、下班后要及时到部门考勤员处填写《未打卡补签申请表》,由直接主管签字证明当日的出勤状况,报部门经理、人力资源部批准后,月底由部门考勤员据此上报考勤。上述情况考勤由各部门或分公司和项目文员协助人力资源部进行管理。

3.1.2.5手工考勤制度

3.1.2.6手工考勤制申请:由于工作性质,员工无法正常打卡(如外围人员、出差),可由各部门提出人员名单,经主管副总批准后,报人力资源部审批备案。

3.1.2.7参与手工考勤的员工,需由其主管部门的部门考勤员(文员)或部门指定人员进行考勤管理,并于每月26日前向人力资源部递交考勤报表。

3.1.2.8参与手工考勤的员工如有请假情况发生,应遵守相关请、休假制度,如实填报相关表单。

3.1.2.9 外派员工在外派工作期间的考勤,需在外派公司打卡记录;如遇中途出差,持出差证明,出差期间的考勤在出差地所在公司打卡记录;

3.2加班管理

3.2.1定义

加班是指员工在节假日或公司规定的休息日仍照常工作的情况。

A.现场管理人员和劳务人员的加班应严格控制,各部门应按月工时标准,合理安排工作班次。部门经理要严格审批员工排班表,保证员工有效工时达到要求。凡是达到月工时标准的,应扣减员工本人的存休或工资;对超出月工时标准的,应说明理由,报主管副总和人力资源部审批。

B.因员工月薪工资中的补贴已包括延时工作补贴,所以延时工作在4小时(不含)以下的,不再另计加班工资。因工作需要,一般员工延时工作4小时至8小时可申报加班半天,超过8小时可申报加班1天。对主管(含)以上管理人员,一般情况下延时工作不计加班,因特殊情况经总经理以上领导批准的延时工作,可按以上标准计加班。

3.2.2.2员工加班应提前申请,事先填写《加班申请表》,因无法确定加班工时的,应在本次加班完成后3个工作日内补填《加班申请表》。《加班申请表》经部门经理同意,主管副总经理审核报总经理批准后有效。《加班申请表》必须事前当月内上报有效,如遇特殊情况,也必须在一周内上报至总经理批准。如未履行上述程序,视为乙方自愿加班。

3.2.2.3员工加班,也应按规定打卡,没有打卡记录的加班,公司不予承认;有打卡记录但无公司总经理批准的加班,公司不予承认加班。

3.2.2.4原则上,参加公司组织的各种培训、集体活动不计加班。

3.2.2.5加班工资的补偿:员工在排班休息日的加班,可以以倒休形式安排补休。原则上,员工加班以倒休形式补休的,公司将根据工作需要统一安排在春节前后补休。加班可按1:1的比例冲抵病、事假。

3.2.3加班的申请、审批、确认流程

3.2.3.1《加班申请表》在各部门文员处领取,加班统计周期为上月26日至本月25日。

3.2.3.2员工加班也要按规定打卡,没有打卡记录的加班,公司不予承认。各部门的考勤员(文员)负责《加班申请表》的保管及加班申报。员工加班应提前申请,事先填写《加班申请表》加班前到部门考勤员(文员)处领取《加班申请表》,《加班申请表》经项目管理中心或部门经理同意,主管副总审核,总经理签字批准后有效。填写并履行完审批手续后交由部门考勤员(文员)保管。

3.2.3.3部门考勤员(文员)负责检查、复核确认考勤记录的真实有效性并在每月27日汇总交人力资源部,逾期未交的加班记录公司不予承认。

免费下载 Word文档免费下载: html5 css 代码

  • 29.8

    ¥45 每天只需1.0元
    1个月 推荐
  • 9.9

    ¥15
    1天
  • 59.8

    ¥90
    3个月

选择支付方式

  • 微信付款
郑重提醒:支付后,系统自动为您完成注册

请使用微信扫码支付(元)

订单号:
支付后,系统自动为您完成注册
遇到问题请联系 在线客服