HTML5_CSS入门（内部样式、外部样式、内联样式、选择器）

最新推荐文章于 2024-08-18 12:13:08 发布

在线答疑技术支持

最新推荐文章于 2024-08-18 12:13:08 发布

阅读量2.5w

点赞数 10

分类专栏：善知教育笔记文章标签： html5 善知教育善知堂软件培训软件开发

本文链接：https://blog.csdn.net/itszt888/article/details/76778790

版权

善知教育笔记专栏收录该内容

165 篇文章 1 订阅

订阅专栏

1、内部样式、外部样式、内联样式

内联方式：样式定义在单个的HTML元素中
CSS语法：只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值；
- 属性和属性值之间用：链接；
- 多对属性之间用；分号隔开
内部样式表：样式定义在HTML页的头元素中
样式表规则位于文档头中的<style>元素内：在文档的<head>元素内添加<style>元素
在<style>元素中添加样式规则
外部样式表：将样式定义在一个外部的CSS文件中（.css文件）；由HTML页面引用样式表文件

优先级：内部样式和外部样式没有优先级关系，页面后加载的会生效；内联样式的优先级最高

2、选择器 —–决定哪些元素使用这些规则
样式声明：一对大括号，包含一个或者多个属性/值对
这里写图片描述

元素选择器—–div{ }
id选择器——–#d1{ }
类选择器——–.oDiv{ }
优先级：类选择器的优先级比元素选择器的高； id选择器的优先级比类的优先级的高

 通用选择器—-*{ }
这里写图片描述

群组选择器—-，（逗号）
后代选择器—- （空格）
子代选择器—->（大于号）

选择器优先级：

 伪类选择器—–：（冒号）

这里写图片描述
——：blur，失去焦点时

链接的一般样式：
text-decoration：a链接是否加上下划线

这里写图片描述

关于善知教育（官网：善知教育（点击进入）微信公众号：善知技术）
地址：北京东燕郊经济技术开发区文化大厦
咨询老师郑老师电话/微信：13315631002 QQ:1939441377
目前我们开设Java服务器Html5前端网页Android移动端PHP服务器，有全日制班有周末班;
学费优惠至8480!!!!
我们的优势：