在HTML页面中嵌套使用CSS的方法有哪些

这篇"在HTML页面中嵌套使用CSS的方法有哪些"文章的知识点大部分人都不太理解，所以小编给大家总结了以下内容，内容详细，步骤清晰，具有一定的借鉴价值，希望大家阅读完这篇文章能有所收获，下面我们一起来看看这篇"在HTML页面中嵌套使用CSS的方法有哪些"文章吧。

什么是CSS

CSS(Cascading Style Sheet):层叠样式表语言。

CSS的作用是：

修饰HTML页面，设置HTML页面中的某些元素的样式，让HTML页面更好看。

在HTML页面中嵌套使用CSS的两种方式

第一种方式：在标签内部使用style属性来设置元素的CSS样式，这种方式称为内联定义方式。语法格式：

<标签 style="样式名:样式值;样式名:样式值;样式名:样式值;…">

第二种方式：链入外部样式表文件，这种方式最常用。（将样式写到一个独立的xxx.css文件当中，在需要的网页上直接引入css文件，样式就引入了）语法格式：

这种方式易维护，维护成本较低。                xxx.css文件                        1.html中引入了                        2.html中引入了                        3.html中引入了                        4.html中引入了

三种方式代码展示

内联定义方式

样式块方式

                                                                                                        对不起，用户名不能为空！                
                
                
                                



                                




                                        专科                        本科                        硕士                        

链入外部样式表文件

css文件

a{        text-decoration: none;}#baiduSpan{        text-decoration: underline;        cursor: wait;}

                                                                                                        百度                点击我链接百度        

以下是常用的样式

边框

（1）

div{ border : 1px solid red; }

（2）

div{ border-width : 1px; border-style : solid; border-color : red; }

隐藏

div{ display : none; }

字体

div{ font-size : 12px; color : red; }

文本装饰

a{ text-decoration : none; }

a{ text-decoration : underline; }

列表

ul{ list-style-type : none; }

设置鼠标悬停效果

:hover

定位

div{ position : absolute; left : 100px; top : 100px; }

鼠标小手

div{ cursor : pointer; }

以上就是关于"在HTML页面中嵌套使用CSS的方法有哪些"这篇文章的内容，相信大家都有了一定的了解，希望小编分享的内容对大家有帮助，若想了解更多相关的知识内容，请关注行业资讯频道。