随笔 - 1162
文章 - 0
评论 - 16
阅读 -
59万
随笔分类 - CSS
14CSS浮动
摘要：一、标准流（normal flow） 标准流又称为文档流，普通流。 标准流实际上就是一个网页内标签元素正常从上到下，从左到右排列顺序的意思。比如块级元素会独占一行，行内元素会按顺序依次前后排列；按照这种大前提的布局排列之下绝对不会出现例外的情况叫做普通流布局。 二、浮动（float） 浮动最早是用来
阅读全文
13CSS3完善盒模型
摘要：CSS3 改善了传统盒模型结构，增强了盒子构成要素的功能，扩展了盒模型显示的方式。 改善结构：为盒子新增轮廓区； 增强功能：内容区增强 CSS 自动添加内容功能，增强内容移除、换行处理；允许多重定义背景图，控制背景图显示方式等；增加背景图边框，多重边框，圆角边框等功能；完善 margin:auto;
阅读全文
12CSS盒子模型
摘要：所谓盒子模型（Box Model）就是把 HTML 页面中的元素看作是一个矩形的盒子，也就是一个盛装内容的容器。每个矩形都由元素的内容(content)、内边距（padding）、边框（border）和外边距（margin）组成。 所有的文档元素（标签）都会生成一个矩形框，我们成为元素框（eleme
阅读全文
11CSS表格
摘要：CSS 为表格定义了 5 个专用属性。 一、border-collapse 该属性用于定义表格的行和单元格的边是合并在一起的还是按照标准的 HTML 样式分开的。 语法： border-collapse: separate | collapse separate：不合并单元格边框 collapse：
阅读全文
10CSS列表
摘要：CSS 为列表结构定义了几个专门属性，如下说明： 一、list-style-type 设计项目符号类型 使用该属性定义列表项目符号的类型，取值说明如下： 二、list-style-image 自定义项目符号 使用该属性允许指定一个外部图标文件，来满足个性化设计需求。 语法： list-style-i
阅读全文
09CSS链接
摘要：使用超链接的时候，一般都会根据网站或页面设计风格重新定义超链接的样式，来提高用户的操作体验。 一、伪类 与链接相关的伪类之前学习过，参考这里复习：伪类选择器 二、定义下划线样式 在文本样式的时候学习过，参考这里复习：字体样式 三、定义鼠标样式 在默认状态下鼠标经过超链接时显示为手型，可以使用 cur
阅读全文
08CSS背景
摘要：CSS 可以添加背景颜色和背景图片，以及来进行图片设置。 说明： 一、background-color 背景颜色 可以使用该属性给一个元素定义背景颜色。 语法： background-color: color 值; color 值可以是颜色单词，十六进制等 W3C 允许的颜色值。 背景透明（CSS3
阅读全文
07CSS标签显示模式
摘要：标签的类型(显示模式) HTML 标签一般分为块标签和行内标签两种类型，它们也称块元素和行内元素。 一、块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行，可以对其设置宽度、高度、对齐等属性，常用于网页布局和网页结构的搭建。 常见的块元素有<h1>~<h6>、<p>、<di
阅读全文
06CSS3新增文本样式
摘要：CSS3 对原来的 CSS2 版本中已定义的属性取值进行修补，增加了更多的属性值，来适应复杂环境中文本的呈现。 一、定义文本阴影 可以给文字添加阴影效果了 Shadow 影子 语法： text-shadow:水平位置 垂直位置 模糊距离 阴影颜色 | none; none：表示默认值，没有阴影; 水
阅读全文
05CSS文本样式
摘要：文本样式主要涉及多个字符的排版效果。 一、定义文本水平对齐 text-align 属性来定义文本的水平对齐方式。 语法： text-align: left | right | center | justify left 表示默认值，左对齐； right 表示右对齐； center 表示居中对齐； j
阅读全文
04CSS字体样式
摘要：定义字体的各个属性，可以让页面板式变得更好看。 字体样式包括字体类型、大小、颜色基本效果，另外还包括一些特殊的样式，如字体粗细、下划线、斜体、大小写样式等。 一、定义字体类型 font-family 属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等。 语法： font-family:nam
阅读全文
03CSS选择器
摘要：CSS 通过选择器控制 HTML 元素，CSS 选择器对网页对象可以实现一对一、一对多或者多对一的匹配。 一、选择器的分类 CSS3 选择器在 CSS2 选择器基础上新增了属性选择器、伪类选择器、过滤选择器，减少了对 HTML 类名或 ID 名的依赖，避免了对 HTML 结构的干扰，使编写代码更简单
阅读全文
02CSS用法和特性
摘要：一、CSS 基本用法 1、CSS 样式语法 样式是 CSS 最小的语法单元，每个样式包含两部分内容：选择器和声明（规则）。 语法： p {font-size:12px; color:#333} 注意： 选择器（Selector）：告诉浏览器该样式将作用域页面中哪些对象。浏览器解析这个样式时，根据选择
阅读全文
01CSS初识
摘要：一、CSS 发展历程 从 HTML 被发明开始，样式就以各种形式存在。不同的浏览器结合它们各自的样式语言为用户提供页面效果的控制。最初的 HTML 只包含很少的显示属性。 随着 HTML 的成长，为了满足页面设计者的要求，HTML 添加了很多显示功能。但是随着这些功能的增加，HTML 变的越来越杂乱
阅读全文
