欢迎来到我的个人简介网页!我是一名web开发爱好者,热爱学习最新的技术和实践它们来创造美丽的网络产品。下面我将介绍一下我对css的认识和应用。
/* 样式表 */ body { background-color: #eaeaea; font-family: Arial, sans-serif; } #header { background-color: #3b3b3b; color: #fff; text-align: center; padding: 20px; } #content { background-color: #fff; padding: 20px; margin-top: 20px; border-radius: 5px; box-shadow: 0 0 10px 1px rgba(0,0,0,0.1); } h1 { font-size: 30px; font-weight: bold; text-align: center; } p { font-size: 16px; line-height: 1.5; text-align: justify; } a { color: #0080ff; text-decoration: none; } a:hover { text-decoration: underline; } @media (max-width: 768px) { /* 移动端适配 */ h1 { font-size: 24px; } p { font-size: 14px; line-height: 1.4; } }
如上代码所示,我的样式表使用了整洁和一致的缩进风格,以提高可读性。在网页布局方面,我采用了简单的头部、内容区块和媒体查询来适配不同的屏幕尺寸。在样式设计上,我注重细节和一致性,使用了常用的选择器来对页面进行样式设置,例如id选择器和伪类选择器。另外,我还对移动端做了适配,以便在各种设备上都有良好的用户体验。
总之,css是web开发中不可或缺的一部分,它能够与html和js相结合,共同构成一个完整的网站。我会继续深入了解和探索css的更多知识和技能,以提高我在web开发领域的水平。