css层叠样式表

CSS概述

CSS(Cascading Style Sheets的缩写),翻译为“层叠样式表”或者“级联样式表”,简称样式表

主要作用

为了让网页元素的样式更加丰富,也为了让网页的内容和样式能拆分开,CSS由此思想而诞生,CSS是 Cascading Style Sheets 的首字母缩写,意思是层叠样式表。有了CSS,html中大部分表现样式的标签就废弃不用了,html只负责文档的结构和内容,表现形式完全交给CSS,html文档变得更加简洁

它主要是用来给HTML网页来设置外观或者样式

外观或者样式:HTML网页中的文字的大小、颜色、字体,网页的背景颜色、背景图片

具体css该怎么用呢?有如下三种方式

1,内联样式

把样式写在标签里

2,内部样式

把样式写在head里,给要设置样式的元素取个类名或id名,写样式时类名前面加“.”,id名前面加“#”。

3,外部样式

外部样式,在外面创建一个写样式的css文件,在head里用link标签引入css文件,href后面写文件路径

在给同一元素标签设置样式时内联样式优先级高于内部样式高于外部样式。

在给同一元素标签设置同样的样式时后面的样式覆盖前面的样式。

id名优先于类名,id名不能重复,类名可重复

本文来自企鹅号 - web一起学媒体

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏每日一篇技术文章

weex-21-animation模块

我们在开发应用的时候,常常需要增加一些动画效果,来提高用户体验,经常用到的一些动画效果如下

2181
来自专栏流柯技术学院

selenium截取具体元素图片(python版)

element = driver.find_element_by_id("xx")

1091
来自专栏ppjun专栏

Android十八章:帧动画

下面我们来说什么是帧动画。小时候有一种书的右下角把每一个动作画好,再快速的翻看,就可以看到一连串的动画了,这就是帧动画。 帧动画只要几张图片就能加载出动画效果...

991
来自专栏全沾开发(huā)

background-clip的正确使用姿势

background-clip可以用来控制背景图片/颜色的填充范围。 我们知道,默认的background会填充盒模型的content+padding+bord...

3479
来自专栏编程

前端学习自学笔记:day01

在这里要跟大家说声抱歉,本人拖更太久啦.现在在自学前端,我每天会把自己的总结笔记发上来分享给大家,希望对大家有帮助. 在此之前先为大家显示下前端工程师的路线图:...

2135
来自专栏自动化测试实战

HTML第三课——css盒子【2】

29614
来自专栏yang0range

html常用标签

title也是有助于SEO搜索引擎优化的 HTML不是依靠缩进来表示嵌套的,就是看标签的包裹关系。 HTML中所有的文字之间,如果有空格、换行、tab都将被...

4762
来自专栏吾爱乐享

php学习之css选择器(二)

1965
来自专栏前端儿

常见的几种 CSS 水平垂直居中解决办法

用CSS实现元素的水平居中,比较简单,可以设置text-align center,或者设置 margin-left:auto; margin-right:aut...

1461
来自专栏IMWeb前端团队

初窥 SVG Path 动画

本文讨论的主题是 SVG Path 动画(路径动画)。之所以要讨论这个话题,是因为在项目中有要求用到它。所谓 SVG Path 动画,就是让图形有像人实时绘制一...

2936

扫码关注云+社区

领取腾讯云代金券