CSS结构的基础认知-创新互联

css的属性值与html的属性值用法不相上下，但是css主要分为内联样式表和外联样式表。

目前创新互联已为成百上千家的企业提供了网站建设、域名、雅安服务器托管、网站托管维护、企业网站设计、蓬溪网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

内联样式表用法：在html文件中的《head》头文件中添加<style></style>标签，在标签内添加所需的属性值，例如：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
</style>
</head>

外联样式表用法：在同一项目的目录下创建css为拓展名的文件，在文件编写所需属性和个人style，在HTML内编写代码：<link rel="stylesheet" href="文件名" />进行调用。

CSS样式表规则中class标记和超链接的用法：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
p.first{text-indent: 0.5in;}
p.second{text-indent: 1.0in;}
.main01{font-size: 10pt;color: red;}
#01{font-size: 10pt;color: yellow;}
#02{font-size: 12pt;color: blue;}

 //属性：link链接本身;visited被访问过时;hover指向时;
        a:link{font-size: 10pt;color: blue;text-decoration: none;}
        a:visited{font-size: 13pt;color: gray;text-decoration: underline;}
        a:hover{font-size: 16pt;color: red;text-decoration: overline;}
    </style>
</head>
<body>
    <!--创建class-->
    //<标记 class="类名"></标记>
    //直接用class定义段落的缩进大小
    <p class="first">这个段落缩进0.5in</p>
    <p class="second">这个段落缩进1.0in</p>

    //<标记 class="类名"></标记>
    //调用.main01定义段落和单元格的属性
    <p calss=".main01"></p>
    <td calss="main01"></td>

    //<标记 id="id名">
    <font id="01">php是世界上最好的语言</font>
    <font id="02">php是世界上最好的语言</font>

    <!--超链接-->
    <a href="http://www.baidu.com">first</a>
    《style中的属性一一对应body中class和超链接的用法》

这是一些关于css的属性注释：
/文本对齐/
h2{text-align:center}
/文本缩进/
h2{text-indent: 50px;}
/行高/
body{line-height: 120%;}
/字间距/
body{letter-spacing: 0.1cm;}
/文本装饰/
h4{text-decoration: underline;}
/垂直对齐/
<p>平方值:3<font style="vertical-align:super">2</font></p>
/文本变换/
p{txet-transform:capitalize}

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。

当前标题：CSS结构的基础认知-创新互联
文章来源：https://www.cdcxhl.com/article36/csddpg.html

成都网站建设公司_创新互联，为您提供网站营销、域名注册、网站策划、服务器托管、响应式网站、定制开发

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容