1、什么是CSS?
CSS 指的是层叠样式表 (Cascading Style Sheets)
CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
2、为什么使用CSS?
层叠样式复用,便于后期维护和修改
可控制内容与样式的布局,让页面更精美
3、CSS的作用
对网页的布局、颜色、背景、宽度、高度、字体进行控制
用于布局和定位,设置页面的外观样式,让页面更精美
4、CSS应用方法
- 内嵌样式:
在页面头部通过style标签定义,对当前页面中所有符合样式选择器的标签都起作用 -
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>CSS语法</title> <style> p{ font-size:12px; /*字号*/ color:blue; /*文字颜色*/ font-weight:bold; /*加粗*/ } </style> </head> <body> <p>我喜欢春天的味道,夏天的海风</p> <p>秋天的街道,冬天的雪花</p> <p>我喜欢你</p> </body> </html>
- 行内样式: