摘要:
CSS中通常使用position 属性,决定元素的定位方式。 常用的定位方式通常有 | 值 | 意义 | | | | | relative | 相对定位 | | absolute | 绝对定位 | | fixed | 固定定位 | ## 相对定位 position 设置为 relative。 相对定 阅读全文
摘要:
### 浮动 浮动是为了元素标签的并排显示问题。 我们在浏览网页的时候,经常会看到 几个 div 块是可以并排显示的, 浮动就是解决这样问题的方法之一。 **float属性有以下的值** - float: left; 左浮动 - float: right 右浮动 **浮动的特点** - 浮动主要针对 阅读全文
摘要:
## 盒模型 所有的HTML标签都可以看成矩形盒子,由width,height,padding,border构成,称为**盒模型**。 盒子的总宽度 = width + 左右padding + 左右border 盒子的总高度 = height + 上下pading + 上下border ![](ht 阅读全文
摘要:
# CSS的继承性 ### CSS的继承性 文本相关的属性一般具有**继承性**,即给祖先设置的样式,同样被后代标签所继承。 通常具有继承性样式 - color 文本颜色。 - font-weight、font-family、font-size 等以font开头的通常和文本相关的属性。 - text 阅读全文
摘要:
介绍三个和行相关的属性。 ### line-height 定义行高,即行的高度,数值单位用px、字号倍数、百分比表示。 ```html ``` **垂直居中** 有一种垂直居中的方式就是用行高等于盒子高。 ```jsx 这是标题 文字 ``` ### text-align 文本的水平对齐方式 | 值 阅读全文
摘要:
# 文字样式 文字是网页展示的重要内容之一,所以对文字的修饰也是CSS重点关注的一部分, CSS提供了以下常用的样式属性来修饰文字。 ### color 属性 color 用来设置文字颜色。 设置方式支持以下几种格式 - 英语颜色单词形式,如: red(红)、black(黑)、orange(橙色)等 阅读全文
摘要:
### 权重计算 CSS 的一个重要特性就是**层叠性**,即多个css块可以同时作用在一个标签上,效果可以叠加。 如果作用在同一个标签上的css语句块中有相同的语句内容, 那么他们之间谁会生效呢? 因此,必须要有一个机制去从中间协调, 这种机制就是权重计算。 CSS规定几种简单的选择器之间的权重如 阅读全文
摘要:
### 概念 前文说,CSS是给HTML添加样式的, 那么要想两者之间产生作用,就需要用到选择器。 选择器标记在HTML标签上; 通过选择器,浏览器可以知道什么时候加载这些样式。 CSS 通过选择器组合一组样式,集体作用在某一段html代码上。 ### 多种选择器 **标签选择器** 标签选择器,使 阅读全文
摘要:
### 简介 CSS (cascading style shett) , 层叠样式表,是用来给HTML标签添加样式的语言。简单来说就是使网页变得更好看。 CSS的出现,使得样式和结构分离,HTML负责结构,CSS负责样式渲染。 ### CSS 书写位置 **内嵌式** 内嵌在html网页中, 和ht 阅读全文
摘要:
# HTML常用的标签 HTMl 的标签可以分为单个标签和成对标签。 单个标签:html4 规定单个标签要有一个 / 表示结尾, html5 则不用 ```html ``` 以下是HTMl中常用的一些标签 ### div 标签 div 标签 主要用来将相关的内容组合到一块,就像菜市场把各个蔬菜分成不 阅读全文