您的位置：首页 > Web前端 > CSS

CSS-样式表

2020-01-15 07:18 127 查看

CSS 层叠样式表

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

  1. 行内样式表 少
<any style="样式名：样式值;"></any>
  1. 页内样式表
<head>
<style>
标签名{样式名：样式值；外部样式	}
</style>
</head>
  1. 外部样式表
<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方式 发布了40 篇原创文章 · 获赞 1 · 访问量 447 私信 关注
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航