栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

CSS结构的基础认知

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

CSS结构的基础认知

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

内联样式表用法:在html文件中的《head》头文件中添加标签,在标签内添加所需的属性值,例如:







外联样式表用法:在同一项目的目录下创建css为拓展名的文件,在文件编写所需属性和个人style,在HTML内编写代码:进行调用。

CSS样式表规则中class标记和超链接的用法:






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;}            //<标记 class="类名">    //直接用class定义段落的缩进大小    这个段落缩进0.5in

    这个段落缩进1.0in

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

        //<标记 id="id名">    php是世界上最好的语言    php是世界上最好的语言        first    《style中的属性一一对应body中class和超链接的用法》

这是一些关于css的属性注释:
/文本对齐/
h1{text-align:center}
/文本缩进/
h1{text-indent: 50px;}
/行高/
body{line-height: 120%;}
/字间距/
body{letter-spacing: 0.1cm;}
/文本装饰/
h3{text-decoration: underline;}
/垂直对齐/

平方值:32


/文本变换/
p{txet-transform:capitalize}

转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/242740.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号