masyarakat Belajar Perpustakaan Alatan Masa lapang
cari
Melayu
Rumah > hujung hadapan web > tutorial css > web前台css样式知识点详细介绍

web前台css样式知识点详细介绍

高洛峰
Lepaskan： 2017-03-27 17:58:34
asal
1979 orang telah melayarinya

1. css样式的优先级

  在html中使用css样式，很很多种方法

有外部引用方法

有 直接从<head>

标签中 写控制html的CSS样式语句

可以直接在想要控制的 标签当中直接写入css来控制

优先级的话：

浏览器默认样式  最低

外部引用样式   其次

head标签中    第二

想要控制的标签中 优先级最高

2.可以将选择器组合起来

h1,h2,h3,h4,h5{color:green}

中间需要用，号来分隔 这样他们就会有统一的样式

同样的一个元素 也可以给他指定不同的属性  例如：

p.right{text-align:right}

p.center{text-align:center}

上面这是控制下面 html语句的css样式

html中的 语句是：

this is right

this is center

这样给P元素 分别指定不同的类名，这样就可以通过类的名称来控制 同一种元素的不同样式了。

3.浏览器对css的支持

现在css3.0 有很多很棒 的效果，可是有些浏览器对css的样式的支持 却不是很到位，例如IE

css3.0的样式中有的IE9 都不支持，我们现在用的系统一般都是IE7 8 9浏览器。对于开发来说 简直是太痛苦了。

不过火狐 浏览器的强大，几乎所有的样式 该浏览器都支持，还有google也是非常棒的浏览器，运行速度应该是最快的，还有我们国内的 360浏览器，他用的是IE内核，基本上也就决定了它的命运。做开发的话我们经常用的浏览器 是火狐 google 和IE 不能因为IE不支持就不用，也得用它来调试兼容性。

火狐浏览器的 firebug 插件不错，可以用来前台调试css样式代码，改了前台自动修改，不需要每次更改CSS样式 就得刷新下页面。这样给前台提高了工作效率。

Atas ialah kandungan terperinci web前台css样式知识点详细介绍. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
gaya css
sumber：php.cn
Artikel sebelumnya：css设置网页导航栏 Artikel seterusnya：CSS定义HR水平线的样式介绍
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
9
1588
Gerakkan kandungan ke kiri dengan menambahkan sifat Width Saya telah memberikan margin kepada badan. utama {margin kiri: 200px; jidar kanan: 200px p...
daripada 2024-04-06 22:01:35
0
3
816
Bagaimana untuk mencetuskan render (dengan penapis dan penomboran) pada kaedah isihan dalam React? Berikut ialah komponen gaya Sort.js saya: <SortWrapper><SortText>SortBy</So...
daripada 2024-04-06 21:28:37
0
1
2257
Ubah suai gaya CSS sebaris secara dinamik dalam Javafx Saya cuba menukar imej latar belakang anak tetingkap apabila aplikasi dimaksimumkan. Latar...
daripada 2024-04-06 20:57:16
0
1
487
Kira jumlah medan dalam jadual lain menggunakan pertanyaan MySQL SQL Saya mempunyai skema seperti ini: Jadual pengguna dengan atribut "user_id" dan &...
daripada 2024-04-06 19:39:29
0
1
441
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan