马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有账号?立即注册
×
HTML5单元素样式修改+CSS颜色链接本领
在写页面时,经常会碰到「只修改某一个元素样式」的需求,比如让某个标题居中变红,这时间就必要把握精准修改的方法,以及CSS样式的链接本领。
单元素样式修改方法
假如只必要修改一个标题的样式,不消写完备的CSS样式表,用行内样式就能快速实现:- <!DOCTYPE html>
- <html lang="zh-CN">
- <head>
- <meta charset="UTF-8">
- <title>行内样式示例</title>
- </head>
- <body>
- <h1>这是一个标题</h1>
- <h1 align="center" >这是一个居中的红色标题</h1>
- </body>
- </html>
复制代码 行内样式的优先级最高,能精准控制单个元素,得当暂时修改、特殊样式。
CSS颜色链接本领
假如必要给多个元素设置类似颜色,大概同一管理样式,就可以把颜色样式链接到CSS中:
- 内部样式:在 的 标签里界说样式,同一管理页面样式;
- 外部样式:把样式写在独立的 .css 文件中,用 标签链接到HTML,实现多页面样式复用;
- 颜色规范:保举用十六进制颜色码(如 #ff0000 )、RGB/RGBA(如 rgb(255,0,0) ),比英文颜色名更精准、兼容性更好。
记取:行内样式得当单个元素,外部样式得当全局同一,根据场景选择最符合的方法。
|