CSS-样式表-iconfont

最新推荐文章于 2024-03-11 14:15:19 发布

FIND方式

最新推荐文章于 2024-03-11 14:15:19 发布

阅读量420

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/weixin_43091563/article/details/102642784

版权

css 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

文章目录

- CSS 层叠样式表
- - iconfont

CSS 层叠样式表

优先级：行内>页面内>外部样式表>浏览器默认

行内样式表少

<any style="样式名：样式值;"></any>

页内样式表

 <head>
 <style>
    标签名{样式名：样式值；外部样式	}
 </style>
</head>

外部样式表

<head>
 <link rel="stylesheet" href="css/链接样式表文件.css"/>
</head>

iconfont

阿里矢量图标下载地址
相机+搜索框

            <form action="">
                <span>
                    <input type="text" placeholder="行车记录仪"/>
                    <i class="iconfont icon-xiangji"></i> 相机
                    <input type="button"/>
                    <em class="iconfont icon-sousuokuang"></em> 搜索框
                </span>
            </form>

<link rel="stylesheet" href="css/font/iconfont.css"/>

.searchbox form>span{
    width: 550px;
    height:36px ;
    /*line-height: 36px;*/
    border: solid 2px #e22f41;
    display: inline-block;
    position: relative;
}
.searchbox span i{
    position:absolute;
    right:70px ;
    height:20px;
    line-height:32px;
    color:#9f9f9f;
}
.searchbox span em{
    position:absolute;
    right:20px ;
    height:20px;
    line-height:32px;

FIND方式

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS-样式表-iconfont

CSS 层叠样式表行内样式表<any style="样式名：样式值;"></any>页内样式表 <head> <style> 标签名{样式名：样式值；外部样式 } </style></head>外部样式表<head> <link rel="stylesheet" t...
复制链接

扫一扫