`

CSS学习总结

    博客分类:
  • CSS
阅读更多
一、在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学习总结思维导图.xmind

    css学习总结思维导图

    CSS学习总结.docx

    【CSS学习总结】 CSS,全称Cascading Style Sheets,中文称为层叠样式表,是一种用于定义HTML或XML(包括SVG、XHTML等)文档样式的样式表语言。它的主要功能是让网页的设计更加美观,能够精准控制网页的布局、颜色...

    html与css学习总结

    html与css学习总结

    HTML-CSS学习总结

    ### HTML-CSS学习总结 在前端开发领域,HTML与CSS是构建网页不可或缺的两大基石。HTML(HyperText Markup Language)负责网页结构的搭建,而CSS(Cascading Style Sheets)则用于网页样式的定义。本次总结主要围绕...

    div+css学习总结.doc

    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实战学习总结》这一篇深度文档中,作者辛磊针对CSS的实际应用进行了全面而深入的解析,旨在帮助读者掌握CSS的核心技能,提升网页设计与开发的能力。以下是对该文档中关键知识点的提炼与...

    不同浏览器 不同css学习总结

    css的颜色,在ie和ff中是不同的,一个是16进制的数字一个是二进制的数字组合,这仅仅是一点点的不同,那么如何兼容各个浏览器,写出比较好的浏览器呢。这个小小的总结应该可以给你一些提示,不是很全面,但是还算...

    CSS 学习总结.docx

    CSS具有继承性,子元素可以继承父元素的一些样式,但某些属性如`font-size`和`color`可以继承,而`display`或`position`则不会。 CSS的选择器有多种类型: 1. **通用选择器(*)**:匹配任何元素,常用于设置默认...

    前端三件套之一:css学习总结思维导图

    个人总结,希望能有所帮助

    web应用基础CSS学习总结.md

    所有

    CSS样式的基础学习总结

    【CSS样式的基础学习总结】 CSS,全称Cascading Style Sheets,中文译为级联样式表,是一种用于描述HTML或XML文档(包括如SVG、MathML等各种XML方言)外观和格式的语言。它允许我们将样式信息与结构化内容分离,...

    CSS小结有关整体

    这是一篇关于前端页面的介绍,开放学习,望大家多多看看、 哈哈

    学习css及html中主要内容的总结。希望对初学则有帮助

    掌握这些基础知识后,初学者可以进一步学习盒模型、响应式设计、浮动和定位、Flexbox 和 Grid 布局等高级主题,以提升创建美观、功能完善的网页的能力。在实践中不断练习,将理论知识转化为实际技能,是成为熟练的...

    CSS学习,css经验总结

    **CSS简介** CSS,全称为层叠样式表(Cascading Style Sheets),是用于描述HTML或XML(包括如SVG、MathML等各种XML方言)文档样式的样式表语言。它的出现是为了弥补HTML在页面布局和设计方面的不足,将内容与表现...

    上课用CSS实验总结

    在本“上课用CSS实验总结”中,我们将深入探讨CSS(层叠样式表)的核心概念以及在实际项目中的应用。CSS是网页设计的关键技术之一,它负责定义网页内容的外观和布局,使得网页更具视觉吸引力并提高用户体验。在这个...

Global site tag (gtag.js) - Google Analytics