13518219792
CSS样式分为：内联式css样式、嵌入式css样式、外部式css样式。
成都创新互联公司是一家专注于成都网站设计、成都网站建设与策划设计,枞阳网站建设哪家好?成都创新互联公司做网站,专注于网站建设十载,网设计领域的专业建站公司;建站业务涵盖:枞阳等地区。枞阳做网站价格咨询:18980820575
对CSS三种样式定义及其实例：
内联式css样式。
内联式css样式表就是把css代码直接写在现有的HTML标签中，如下面代码：
1 p style="color:red"这里文字是红色。/p
css样式代码要写在style=""双引号中，如果有多条css样式代码设置可以写在一起，中间用分号隔开（英文状态下;）。
嵌入式css样式。
嵌入式css样式，就是可以把css样式代码写在标签之间。如下面代码实现把三个标签中的文字设置为红色：
1 style type="text/css"span{color:red;}/style
嵌入式css样式必须写在之间，并且一般情况下嵌入式css样式写在之间。
外部式css样式。
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中，这个css样式文件以“.css”为扩展名（也可以为调用其他网站CSS）。
1 link href="style.css" rel="stylesheet" type="text/css" /
注意事项： 1、css样式文件名称以有意义的英文字母命名，如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定写法不可修改。 3、标签位置一般写在标签之内。
掌握好三种CSS三种样式使用方法在Web开发中将节省很多时间。
主要有局部引入和全局引入。
1、局部引入：在各自vue文件中使用，互不干扰style标签里面的关键字scoped【限位标记】添加这个关键字的作用：将这个style里面的样式都限制在该组件中，不会影响其他的组件。
2、全局引入：作用于全局，让很多内容都使用这个样这个就要回到App.vue中；
步骤一：建立自己专门存放自定义样式的css文件；
步骤二：在App.vue中新建；
步骤三：将css文件通过import‘css文件位置’引入到style标签中，作为全局样式覆盖。
一、定义一个盒子（“menu”）,用来装这个导航的。
二、用无序列表（ul）中的列（li）放导航的内容。
三、把li的浮动（float）设置为向左浮动（float：left；），这样，就实现了水平导航条了。
四、在做其他的一些修饰。（下面我给我弄的一个简单的导航条给你理解）
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
style type="text/css"
#menu{
width:500px;
margin:0 auto; /*令盒子居中*/
font-size:20px; /*定义字体的大小*/
}
ul{
margin:0; padding:0; /*把浏览器默认的间隔去掉*/
list-style:none; /*把前面的序列号去掉*/
}
li{
float:left; /*向左浮动，这个是实现水平的重要步骤！！*/
padding:0 15px; /*li里面的字体和边框的距离*/
}
a{
text-decoration:none; /*去掉超链接的下划线*/
color:#333; /*超链接的字体颜色*/
}
a:hover{
color:#696;
}
/style
/head
body
div id="menu"
ul
lia href="#"菜单1/a/li
lia href="#"菜单1/a/li
lia href="#"菜单1/a/li
lia href="#"菜单1/a/li
/ul
/div
/body
/html
