css样式设置与最佳实践
1.HTML样式设置方法
(1)外部样式:创建css文件,在HTML页面中使用标签链接引用。此方法便于样式复用,修改一处就可以影响所有使用该样式的页面。
(2)内部样式:在HTML页面的标签内使用style标签定义样式。适用于仅在当前页面使用的特殊样式。
(3)行内样式:直接在HTML标签的属性中使用style=''来定义样式。此方法的优先级最高,但不利于维护。
优先级规则(就近原则):三种方式共存在同一元素设置冲突时,优先从高到低为:行内样式>内部样式>外部样式
2.HTML属性与样式
HTML属性:用于控制HTML元素的行为和外观,如:align,class,id等。其语法为'空格属性名属性值’。
style样式:用于控制元素的视觉表现,如:颜色,字体,大小等。其语法为'属性名:属性值”,在行内样式中表现为“style=属性名:属性值”。
3.文档头部标签
title:定义网页的标题,出现在浏览器标签页中。
meta:提供关于网页的元数据,常用标签包括:
charset:指定字符编码格式。
viewport:设置移动端设备的视口
keywords:为搜索引擎优化提供关键词
description:提供网页的简短描述

浙公网安备 33010602011771号