资讯专栏INFORMATION COLUMN

CSS的初了解(更新中···)

李昌杰 / 3397人阅读

摘要:在前面,我们学习了的结构基本骨架起名方式和选择器,接下来,我们就要学习了。首先,我们要知道是什么。全称叫层叠样式表,作用是给添加样式,添加属性。宋体同时浏览器对三种引入方式的选择关系是行间行内外部引入键值对就是属性属性值也就是的结构

在前面,我们学习了html的结构、基本骨架、起名方式和选择器,接下来,我们就要学习CSS了。

首先,我们要知道CSS是什么。

CSS 全称叫层叠样式表,作用是给html添加样式style,添加属性。

在网页中(或者说在html)中如何嵌套style?

我们先来学三种嵌套样式:

1.行间样式 将style当属性写在标签内,权重为1000

如:

2.行内样式 将style当标签写在head之间

如:

 (前面不知道style写在哪里的看看这两张图片,现在知道写在哪了吧)

3.把style当作css文件来用。俗称:外部引入

首先要新建一个css文件,选择内容,再直接写属性和属性值

如:在新建的css文件中直接写

p{

  color:blue;

}

最后,也是最关键的一步,不要忘了引入

引入代码

其中的./01.css是路径,根据自己的路径更改

 

CSS的三种引入方式

行间样式把style当做属性使用,键值对在属性值中该怎么用就怎样用,行内把style当做标签使用 键值对还是老样子,外部引入,将样式写在css文件中,还是以键值对的形式书写样式。

同时:浏览器对三种引入方式的选择关系是:  行间>行内>外部引入

(键值对就是 属性:属性值;也就是CSS的结构) 

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1819.html

相关文章

  • html的初了解更新···)

    摘要:注在学习时要养成一个良好的习惯,即每次写完都随手保存,快捷键为。是万维网的核心语言标准通用标记语言下的一个应用超文本标记语言。网页的拓展名为网页由三大部分构成,分别为主题,网址和网站内容。(注:在学习时要养成一个良好的习惯,即每次写完都随手保存,快捷键为ctrl+s。即每次写完都随手点一下ctrl+s。) html是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言。 网页的拓展名...

    番茄西红柿 评论0 收藏0
  • CSS的再深入3(更新···)

    摘要:而第一个依然存在,所以就会叠加。宋体行级加只要加了,这个元素就会脱离标准文档流行级元素加了,脱离了标准文档流,会变得块不像块,行不像行,能设置快高,能并排排列,则也不用给行级标签加了,没有意义。在前面,我们学习了标准文档流,但在实际制作的过程中,用标准文档流书写显然是不现实的,因此,我们来了解几种脱离标准文档流的方法: 1.float 浮动 float:left/right;(左浮/右浮) ...

    RayKr 评论0 收藏0
  • css的再深入6(更新···)

    摘要:宋体雪碧图宋体我们的宋体和宋体中有三个属性可以向服务器发送请求,宋体。宋体类型,客户端和服务器之间的暗号,根据拓展名而定。注内容包含图片和文字 background-position  雪碧图 我们的html和css中有三个属性可以向服务器发送请求,src href url。 overflow   (1) 值hidden 超出就隐藏   (2) 值scroll  出现滚动条   vis...

    Bowman_han 评论0 收藏0
  • css的再深入7(更新···)

    摘要:宋体可以继承的属性有哪些宋体系列宋体系列宋体的值的问题宋体四个值的顺序是宋体左上宋体右上宋体右下宋体左下。宋体在宋体下宋体为负让元素居中,前提是知道元素的宽高。宋体如宋体正常状态宋体宋体设值时1.transparent 透明的 2.placeholder 提示语 写页面 搞清结构层次, 保证模块化,让他们之间不能受到影响 (1)元素性质 (2)标准流 浮动带来的脱离文档流撑不起父级的高度...

    番茄西红柿 评论0 收藏0
  • css的再深入9(更新···)

    摘要:宋体二宋体浏览器浏览器和浏览器之间是由差距的,这个差距是由浏览器自身的内核决定的。宋体每个浏览器都有自己的前缀,主要解决宋体中的兼容问题。宋体是弹性子元素在弹性容器中所占的份数。一 单位 1.px 就是一个基本的单位 像素 2.em 也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body,如果body没有那就默认是16px。 3.rem 也是一个单位,...

    yexiaobai 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<