一、在html中 ,引入css的方法主要有行内式、内嵌式、导入式和链接式4种
1。行内式
即在标记的style属性中设定css样式,这种方式本质上没体现出css的优势,因此不推荐使用。
2。嵌入式
在对页面中各种 元素的设置集中写在<head>和</head>之间的,对于单个页面来说,这种方式很方便
3。导入式
导入式格式如下:
<style type="text/css">
@import "mystyle.css";
</style>
4。连接式
格式如下:
<link href="mystyle.css" rel="stylesheet" type="text/css"/>
二、css样式定义说明:
1、p,span{xxx},表示页面里的p和span标签都用括号内的样式。
2、p span{xxx},表示页面里的p标签下的span标签用括号内的样式。
3、.left{xxx},表示页面里class为left的标签用括号内的样式。
4、#left{xxx},表示页面里id为left的标签用括号内的样式。
5、p.left{xxx}或者p#left{xxx},表示页面里class或者id为left的p标签用括号内的样式。
6、p>span{xxx},表示页面里的p标签下的子span标签用括号内的样式。
三、伪元素
:first-letter | 向文本的第一个字母添加特殊样式。 | CSS1 |
:first-line | 向文本的首行添加特殊样式。 | CSS1 |
:before | 在元素之前添加内容。 | CSS2 |
:after | 在元素之后添加内容。 | CSS2 |
四、伪类
:link | 向未被访问的链接添加样式。 | CSS1 |
:visited | 向已被访问的链接添加样式。 | CSS1 |
:hover | 当鼠标悬浮在元素上方时,向元素添加样式。 | CSS1 |
:active | 向被激活的元素添加样式。 | CSS1 |
:focus | 向拥有键盘输入焦点的元素添加样式。 | CSS2 |
:first-child | 向元素的第一个子元素添加样式。 | CSS2 |
:lang | 向带有指定 lang 属性的元素添加样式。 | CSS2 |
分享到:
相关推荐
css学习总结思维导图
【CSS学习总结】 CSS,全称Cascading Style Sheets,中文称为层叠样式表,是一种用于定义HTML或XML(包括SVG、XHTML等)文档样式的样式表语言。它的主要功能是让网页的设计更加美观,能够精准控制网页的布局、颜色...
html与css学习总结
### HTML-CSS学习总结 在前端开发领域,HTML与CSS是构建网页不可或缺的两大基石。HTML(HyperText Markup Language)负责网页结构的搭建,而CSS(Cascading Style Sheets)则用于网页样式的定义。本次总结主要围绕...
DIV+CSS 学习总结 DIV+CSS 是一对强大的前端开发组合, DIV responsible for structuring content on the web page, while CSS is responsible for styling and layout. In this summary, we will cover the ...
css 学习总结思维导图,适合学习以及复习css知识点
### CSS实战学习总结 在《CSS实战学习总结》这一篇深度文档中,作者辛磊针对CSS的实际应用进行了全面而深入的解析,旨在帮助读者掌握CSS的核心技能,提升网页设计与开发的能力。以下是对该文档中关键知识点的提炼与...
css的颜色,在ie和ff中是不同的,一个是16进制的数字一个是二进制的数字组合,这仅仅是一点点的不同,那么如何兼容各个浏览器,写出比较好的浏览器呢。这个小小的总结应该可以给你一些提示,不是很全面,但是还算...
CSS具有继承性,子元素可以继承父元素的一些样式,但某些属性如`font-size`和`color`可以继承,而`display`或`position`则不会。 CSS的选择器有多种类型: 1. **通用选择器(*)**:匹配任何元素,常用于设置默认...
个人总结,希望能有所帮助
所有
【CSS样式的基础学习总结】 CSS,全称Cascading Style Sheets,中文译为级联样式表,是一种用于描述HTML或XML文档(包括如SVG、MathML等各种XML方言)外观和格式的语言。它允许我们将样式信息与结构化内容分离,...
这是一篇关于前端页面的介绍,开放学习,望大家多多看看、 哈哈
掌握这些基础知识后,初学者可以进一步学习盒模型、响应式设计、浮动和定位、Flexbox 和 Grid 布局等高级主题,以提升创建美观、功能完善的网页的能力。在实践中不断练习,将理论知识转化为实际技能,是成为熟练的...
**CSS简介** CSS,全称为层叠样式表(Cascading Style Sheets),是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它的出现是为了弥补HTML在页面布局和设计方面的不足,将内容与表现...
在本“上课用CSS实验总结”中,我们将深入探讨CSS(层叠样式表)的核心概念以及在实际项目中的应用。CSS是网页设计的关键技术之一,它负责定义网页内容的外观和布局,使得网页更具视觉吸引力并提高用户体验。在这个...