前端学习笔记--CSS样式--文本

1.文本与文字样式主要的属性: 子标签可以继承父标签的样式: 关于颜色: 文本属性: letter-spacing: line-height: text-align: 字体:…

有话先说:我是一只菜鸟,一只都是,从前是现在也是. CSS中的会计元素与行内元素块级元素特性:占据一整行,总是重起一行并且后面的元素也必须另起一行显示.内联元素特性:和其他内联元素显示在同一行. 可以知道的是,行内元素和块级元素之间是能够相互转换的.趋于对网页模块化的搭建,后期行内转换为块级的例子会很多很多. html中的块级元素列举如下: div(文档分区),article(文章内容), aside(伴随内容), audio(音频播放), blockquote(块引用), canvas(绘制…

前端学习笔记——CSS选择器

学习css选择器之前我们先了解下css规则: CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是需要改变样式的 HTML 元素. 每条声明由一个属性和一个值组成. 1.id选择器.class选择器.标签选择器 /*id选择器*/ /* #代表通过id选择器查找*/ #i1{ height: 48px; background-color: red; } /* class选择器最常用 */ /*. 代表通过class选择器查找*/ .div{ height: 48px;…

web前端学习笔记(CSS盒子的定位)

相对定位使用相对定位的盒子的位置常以标准流的排版方式为基础,然后使盒子相对于它在原本的标准位置偏移指定的距离.相对定位的盒子仍在标准流中,它后面的盒子仍以标准流方式对待它. 使用relative,即相对定位,除了将position属性设置为relative之外,还需要指定一定的偏移量,水平方向通过left或者right属性来指定,竖直方向通过top和bottom来指定.以下为后面实验的基准代码. <html xmlns="http://www.w3.org/1999/xhtml…

前端学习笔记--CSS入门

1.css概述: 2.css语法: 3.css添加方法: 用单独的文件存储css样式的优点: 优先级: h3得到的样式是内嵌样式覆盖了外部样式. 4.css选择器标签选择器: 类别选择器: ID选择器: 嵌套标签: 集体标签: 全局声明: 混合引用:…

HTML 学习笔记 CSS样式（文本）

CSS文本属性可以定义文本的外观通过文本属性您可以改变文本的颜色字符间距文本对齐装饰文本对文本进行缩进等等. 缩进文本把web页面上的段落的第一行缩进,这是最常用的文本格式化效果. css 提供了text-indent属性该属性可以方便的实现文本缩进. 通过 text-indent属性所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以为负值. 这个属性最常见的用途是将段落的首行缩进,下面的规则会是所有短路的首行缩进5em p {text-indent: 5em;} 注意:一…

HTML 学习笔记 CSS样式（定位）

CSS定位(Positioning)属性允许你对元素进行定位. CSS定位和浮动 CSS为定位和浮动提供了一些属性,利用这些属性可以建立列式布局,将布局的一部分与另一部分重叠.还可以完成多年来通常需要使用多个表格才能完成的任务. 定位的基本思想很简单它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素,另一个元素设置浏览器窗口本身的位置.显然这个功能非常强大. 另一方面,CSS1 中首次提出了浮动,它以 Netscape 在 Web 发展初期增加的一个功能为基础.浮动不完全…

HTML 学习笔记 CSS样式（边框）

元素的边框(border)是围绕元素内容和内边距的一条或多条线 CSS border 属性允许你规定边框的样式宽度和颜色 CSS 边框在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素.元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线.每个边框有 3 个方面:宽度.样式,以及颜色.在下面的篇幅,我们会为您详细讲解这三个方面. 边框与背景CSS 规范指出,边框绘…