css怎么定义全局样式为蓝色,楷体?

html-css012

css怎么定义全局样式为蓝色,楷体?,第1张

在样式文件或style标签里设置全局样式,具体的写法如下:

<style>

*{

color: blue

font-family: '楷体'

}

</style>

color表示字体颜色, font-family表示字体样式

1、在html中定义一个dom元素,比如div。

2、给div添加一个onclick事件,同时定义一个响应事件的js函数。

3、在js函数中获取该div元素,通过document.getElementById()方法

4、通过元素的style属性中backgroundColor属性即可修改背景色。

示例:

//刚开始默认颜色白色

<div id="mydiv" style="width:200pxheight:200pxborder:1px solid black" onclick="changeBackground()"></div>

js函数:

<script type="text/javascript">

function changeBackground(){

    var mydiv = document.getElementById('mydiv')

    mydiv.style.backgroundColor="blue"

  }

</script>

$(document).ready(function(){

    var li=$("ul li")

    li.onclick(function(){

        $(this).addClass("blue").siblings().removeClass("blue")

    })

})

.blue{background-color:blue}

这个是同页面的;不同页面也要如此效果的话,你只能每个页面的当前li设置底色,没得选。