css简介理解
如何学习
1;什么事CSS
2;CSS怎么使用
3;CSS选择器(重难)
4;美工(文字,特效,超链接,列表,渐变)
5;盒子模型
6;浮动
7;定位
8;网页动画
什么事CSS
cascading Style Sheet 层叠级联样样式表
css;表现(美化网页)
字体,颜色,边距,高度,背景图片,网页定位,网页浮动,,
发展史
CSS1.0
CSS2.0 DIV(块) + CSS HTML 与CSS结构分离的思想,网页变简单,SEO
CSS2.1 浮动,定位
CSS3.0 圆角,阴影,动画,要求浏览器兼容性。
快熟入门
style
<!--规范,<style> 可以编写CSS代码(规范是CSS与HTML代码分离) 。每一个声明最好使用分好结尾。
语法:
选择器{
声明1;
声明2;
声明3;
}
-->
<style>
h1{color: red}
</style>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<h1>我是标题</h1>
</body>
</html>
css优势
1;内容跟表现分离
2;网页结构表现统一,可以其实现服用
3;样式丰富
4;建议使用独立于HTML的css文件
5;利用SEO,容易被搜索引擎收录
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· 阿里巴巴 QwQ-32B真的超越了 DeepSeek R-1吗?
· 【译】Visual Studio 中新的强大生产力特性
· 【设计模式】告别冗长if-else语句:使用策略模式优化代码结构
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义