将样式表(css)加到你的网页中的几种方法

将样式表(css)加到你的网页中的几种方法,第1张

(1)、将样式表置入 HTML 文件头部:

<!--

H1 {color: green font-family: impact}

P {background: yellow font-family: courier}

-->

(2)、将一个外部样式表定义文件链接到 HTML 文件上:

文件 mystyles.css 的内容如下:

H1 {color:green font-family:impact}

P {background:yellow font-family:courier}

(3)、将一个外部样式表定义文件输入到 HTML 文件中:

<!--

@import url(company.css)

H1 { color: orange font-family: impact}

-->

其中 company.css 文件内容如下:

H1{color:green font-family:times}

P{background:yellow font-family:courier}

(4)、将样式表加入到 HTML 文件行中:

如:

(注意:如果一个网页中同时使用了以上 4 种方法,那么

它们的优先级从高到低是 4-3-2-1。)

不管是后台返回的数据还是静态写好的 还是用常规的去定义。除非是去 *** 作动态生成的元素【使用了ajax动态往页面添加元素】

1、用css控制

外面用div包裹起来,然后用css 对这个div下面的图片进行修改

<div class='img_div'><img src='abc.jpg' alt='我是一张图片'/></div>

2、用js控制

和上面一样,先用div包裹起来

$('.img_div img').css({略})


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11419150.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-16
下一篇 2023-05-16

发表评论

登录后才能评论

评论列表(0条)

保存