css中日历表怎么优化的方案有哪些?

html-css014

css中日历表怎么优化的方案有哪些?,第1张

1、缩写css代码。

2、排列css代码。

3、同属性提取共用css选择器。

4、分离网页颜色和背景设置样式（较大站点需要注意）。

5、条理化css代码。

css3 翻转和旋转的区别如下：

概述：css3中的transform中有旋转，放缩，倾斜，平移的功能，分别对应的属性是：rotate，scale，skew，translate

1、旋转，利用rotate来实现，代码如下：

-webkit-transform:rotate(10deg)指定浏览器内核为webkit的翻转方式

-moz-transform:rotate(10deg)指定firefox浏览器私有属性

transform:rotate(10deg)一般浏览器翻转的角度为10弧度

2、 翻转，利用scale来实现，代码如下：

scale本来是放缩的意思，原来括弧里面（1，1）前者表示X轴，后者表示Y轴，当数字大于1时放大，大于0并小于1时缩小，负数代表翻转

水平翻转：

-webkit-transform:scale(-1，1)水平轴为-1，代表水平翻转

-moz-transform:scale(-1，1)水平轴为-1，代表水平翻转

transform:scale(-1，1)水平轴为-1，代表水平翻转

垂直翻转：

-webkit-transform:scale(1，-1)垂直轴为-1，代表垂直翻转

-moz-transform:scale(1，-1)垂直轴为-1，代表垂直翻转

transform:scale(1，-1)垂直轴为-1，代表垂直翻转

我这里有一段js动态时钟的代码，日历的比较复杂，没有研究：

<scripttype="text/javascript">

setInterval(function() {

var week

var date

var today = new Date()

var year = today.getFullYear()

var month = today.getMonth() + 1

var day = today.getDate()

var ss = today.getDay()

var hours = today.getHours()

var minutes = today.getMinutes()

var seconds = today.getSeconds()

date = year + "年" + month +"月" + day + "日 "

if (ss == 0) week = "星期日"

if (ss == 1) week = "星期一"

if (ss == 2) week = "星期二"

if (ss == 3) week = "星期三"

if (ss == 4) week = "星期四"

if (ss == 5) week = "星期五"

if (ss == 6) week = "星期六"

if (minutes <= 9) minutes ="0" + minutes

if (seconds <= 9) seconds ="0" + seconds

document.getElementById('p_time').innerHTML = "今天是：" + date

+ week + " " + hours + ":" + minutes + ":" +

seconds

},

1000)

</script>

这里一定要注意，html里要有一个id为p_time的div。