![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
任书含 廊坊师范提高班 十五期
Eureka ^ 7
展开
-
css-浮动与定位
本篇博客是CSS学习阶段的最后一篇博客了,在不久的将来我将会上传一些我对于JS(JAVA SCRIPT)的总结博客。浮动float属性是为了能让Web开发人员能够更简单的实现布局,例如在文本中浮动的图像,类似于word中的图片悬浮效果。简单的例子:body { width: 90%; max-width: 900px; margin: 0 auto;}p { line-height: 2; word-spacing: 0.1rem;}img { float: lef原创 2020-08-12 11:03:10 · 205 阅读 · 1 评论 -
CSS——盒子模型
在我学习CSS视频的时候,发现所有的元素都是由一个个的盒子模型包围着的,它们是我们使用CSS实现准确布局,处理元素排列的关键,因此今天就来写篇博客总结下。盒子模型分为两种——块级盒子模型(Block box)和 内联盒子模型(Inlinebox)为什么要这么区分呢,是因为这两种盒子模型会在页面流和元素之间的关系上表现出不同的行为块级盒子模型(Block box)一个被定义成块级的(block)盒子会表现出以下行为:盒子会在内联的方向上扩展并占据父容器在该方向上的所有可用空间,在绝大数情况下意味原创 2020-08-11 15:30:59 · 337 阅读 · 1 评论 -
CSS——字体
今天我来分享下网页中的另一大主角——字体,在CSS中是如何被定义的。字体概述在CSS中用于文本的属性通常可以分为两类字体样式:作用于字体的属性,直接应用于文本,也就是字体粗细及样式文本布局:作用于文本布局的属性,例如文本之间的间距与文本对齐方式。字体种类如果想在文本设置不同的字体,那么可以通过font-family属性,这个属性可以可以为我指定的元素设置一个字体。如果指定的字体不可用,那么浏览器会使用默认字体代替。默认字体例如:p { font-family: arial;原创 2020-08-10 14:35:31 · 290 阅读 · 1 评论 -
CSS——背景与边框
背景什么是背景?CSS中的背景可以为HTML文件中设置一个背景图片或是为网页设置一些背景颜色,同时CSS背景可以定位你的背景图片在界面上的具体位置或大小背景颜色background-color属性定义了CSS中任何元素的背景颜色。该属性接受任何有效的<color>值,背景颜色可以延申到元素的内容及内边距。.box { background-color: #ff6455;}h2 { background-color: black; color: white;}.原创 2020-08-05 15:46:50 · 324 阅读 · 2 评论 -
CSS——选择器
什么是选择器?CSS选择器是CSS规则的第一部分。它是元素和其他部分组合起来告诉浏览器哪个HTML元素应当是被选为应用规则中的CSS属性值的方式。选择器所选择的元素,叫做“选择器的对象”。选择器对象{ 属性:值;}这个整体就是选择器CSS选择器的种类选择器的使用方法普通用法h1{ color:red;}.special{ color:blue;}选择器列表用法h1,.special{ color:red;}选择器列表中选择器之间通过 “,” 隔开,此外.原创 2020-08-03 08:41:50 · 183 阅读 · 3 评论 -
CSS总结——层叠
CSS全称叫层叠样式表,那么为什么CSS叫做层叠样式表呢?首先我们需要了解下什么冲突规则冲突规则在某些时候,在做一个项目过程中你会发现一些应该产生效果的样式没有生效。通常的原因是你创建了两个规则同时对相同的元素生效。我们需要在冲突发生时决定应该使用那一条规则。层叠Stylesheets cascade(样式表层叠) 简而言之,CSS规则的顺序非常重要,当两条同级别的规则应用到同一个元素的时候,写在最后的就是实际使用的规则。h1 { color: red; }h1 { c原创 2020-07-23 17:39:37 · 195 阅读 · 3 评论 -
CSS基础——firststep
CSS是用来干什么的?CSS 是用来指定文档(HTML)如何展示给用户的一门语言——如网页的样式、布局、等等。CSS可以用于给文档添加样式——比如改变标题和链接的颜色及大小,也可以用来船舰布局——例如将一个单列文本变成包含主要内容区域和存放相关信息的侧边栏区域的布局,甚至为网页添加一些动画效果等。CSS语法CSS是一门基于规则的语言,语法由一个选择器起头(selector)。它选择(selects)了我们将要用来添加样式的HTML元素。接着输入一堆大括号{ },在大括号内部定义一个或多个形式为属.原创 2020-07-23 10:56:54 · 285 阅读 · 3 评论