前端基础 - CSS简介

简介: 前端基础 - CSS简介

CSS简介

CSS是什么:

CSS样式,CSS (Cascading Style Sheets) :指层叠样式表

作用:

渲染,HTML页面更好看

CSS的代码规则:

选择器{
属性名:属性值;
属性名:属性值;
}

如何在HTML中引入CSS样式代码

a.行内样式: 在标签的style属性值中写CSS代码,注意,此时选择器和大括号不用写,只需要 属性名:属性值;属性名:属性值

只对该标签有效

b.内部样式: 在head标签的子标签

c.外部样式: 在另外一个文件中写,这文件他的后缀必须是.css 注意不能省略选择器和大括号

通过head标签的另外一个子标签 标签引入刚刚写的xxx.css

如果三种样式里有冲突的属性值: 就近原则

目录
相关文章
|
23天前
|
缓存 前端开发
前端代码整洁与规范之CSS篇
【4月更文挑战第2天】 前端代码整洁与规范之CSS篇
42 4
|
12天前
|
移动开发 前端开发 JavaScript
CSS选择器 前端开发入门笔记(十)
CSS选择器 前端开发入门笔记(十)
19 1
|
12天前
|
前端开发 搜索推荐 数据安全/隐私保护
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
HTML标签详解 HTML5+CSS3+移动web 前端开发入门笔记(四)
19 1
|
16天前
|
前端开发 JavaScript 搜索推荐
CSS框架是前端开发中不可或缺的工具
【4月更文挑战第12天】CSS框架是前端开发中不可或缺的工具
18 2
|
25天前
|
人工智能 前端开发 JavaScript
【前端设计】HTML+CSS+JavaScript基本特性
【前端设计】HTML+CSS+JavaScript基本特性
|
1月前
|
前端开发 UED 开发者
探索前端开发中的CSS布局技巧
本文将介绍一些在前端开发中常用的CSS布局技巧,包括盒模型、浮动布局、弹性布局和栅格系统等。通过学习这些技巧,开发者可以更加灵活地控制页面的布局,提升用户体验和界面的美观性。
|
1月前
|
前端开发 JavaScript 开发者
前端的CSS选择器
前端的CSS选择器
23 1
|
8月前
|
Web App开发 前端开发 JavaScript
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
前端学习笔记202307学习笔记第五十七天-模拟面试笔记react-fiber解决了什么问题
95 0
|
8月前
|
前端开发 定位技术
前端学习笔记202305学习笔记第二十三天-地图单线程配置
前端学习笔记202305学习笔记第二十三天-地图单线程配置
65 0
前端学习笔记202305学习笔记第二十三天-地图单线程配置