企业官网建设流程全解析

架设网站flash不显示,网站空间和域名区别,wordpress添加说说功能,芝罘区网1. CSS 长度单位CSS 长度单位可分为绝对单位和相对单位两大类#xff0c;它们为网页布局提供了灵活的尺寸控制方案。1.1 绝对单位绝对单位表示固定尺寸#xff0c;不受其他元素影响。主要单位包括#xff1a;px#xff08;像素#xff09;#xff1a;屏幕显示的基本单位它们为网页布局提供了灵活的尺寸控制方案。1.1 绝对单位绝对单位表示固定尺寸不受其他元素影响。主要单位包括px像素屏幕显示的基本单位1px 通常对应 1 个物理像素1.2 相对单位相对单位会根据父元素或视口尺寸动态调整常见单位如下单位说明%相对于父元素尺寸em相对于当前元素字体大小rem相对于根元素(html)字体大小vw视口宽度的 1%vh视口高度的 1%示例.box { width: 50vw; height: 50vh; background-color: red; }该示例中.box的尺寸会随视口大小自动调整。2.CSS 颜色表示CSS 支持多种颜色表示方式2.1 命名颜色使用预定义颜色名称如red、blue简单但可选范围有限。2.2 RGB/RGBARGB通过红(0-255)、绿(0-255)、蓝(0-255)三原色混合RGBA在 RGB 基础上增加透明度(0-1).box { background-color: rgb(255, 0, 0); /* 红色 */ } .box1 { background-color: rgba(0, 255, 0, 0.5); /* 半透明绿色 */ }2.3 十六进制颜色以#RRGGBB格式表示如#ff0000 /* 红色 */ #00ff00 /* 绿色 */2.4 HSL/HSLAHSL色相(0-360)、饱和度(0-100%)、亮度(0-100%)HSLA增加透明度.box { background-color: hsl(0, 100%, 50%); /* 红色 */ }3.CSS 字体样式3.1 基础属性color文本颜色font-size字号(px/em/rem等)font-family字体类型p { color: red; font-size: 16px; font-family: Arial, sans-serif; }3.2 自定义字体使用font-face引入外部字体font-face { font-family: MyFont; src: url(font.ttf); } p { font-family: MyFont; }4.CSS 字体分类分类示例适用场景衬线字体serif传统正式页面无衬线字体sans-serif现代简洁设计等宽字体monospace代码展示草书字体cursive创意装饰性设计艺术字体fantasy特殊主题设计示例p { font-family: serif; }5.其他字体样式5.1 字体效果p { font-style: italic; /* 斜体 */ font-weight: bold; /* 加粗 */ }5.2 简写属性p { font: italic bold 30px Courier New, monospace; }