第二天 CSS
CSS
1. css是层叠样式表。
2. 使用好处:
css功能更加强大;降低代码的耦合行。
3.放置位置:
行内样式:<div style =" "></div>
内部样式:<style>选择器{}< /style>
外部样式:分为两种链入式和导入式
链入式:<link href = ""rel=“”>
导入式:<style> @import url("路径")</style>
4.书写规范
<style> 选择器{属性名:属性值;.........}</style>
5.三种基本选择器
元素选择器
ID选择器(#)
类选择器(.)
6.css样式
布局:float浮动
格式:
选择器{float:属性值;}
常用属性值:
none:元素不浮动(默认值)
left:元素向左浮动
right:元素向右浮动
clear清除浮动
选择器{clear:属性值}
属性值:left、right、both(常用)同时清除左右两侧浮动的影响
7.display(转换)
行级元素转成块级元素;块级元素转成行级元素。
选择器{display:属性值}
常用属性值:
block:此元素将显示块元素
inline:此元素将显示行内元素。
none:此元素被隐藏,不显示,也不占用页面空间
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步