随笔分类 - CSS
摘要：通过设置下面的样式可以使盒子水平垂直居中： 效果： 示例： 效果：
阅读全文
摘要：一、position属性 1、relative（相对定位） 相对它原来的位置，通过指定偏移，到达新的位置。 扔在标准流中，它对父级盒子和相邻的盒子都没有任何影响。 看下面的例子： 效果： 然后分别给第一个和第二个盒子添加定位： 效果： 观察上面的截图会发现：第一个和第二个盒子分别相对于原来的位置进行
阅读全文
摘要：CSS的引入样式总共有三种：行内样式（内联样式表）、内部样式表、外部样式表。下面分别来介绍这三种样式。 一、行内样式 行内样式也叫内联样式，使用style属性引入CSS样式。看下面的示例： 效果： 注意： 1、行内样式只对应用了此样式的标签有效，如果有多个相同的标签要使用相同的样式，那么每一个标签都
阅读全文
摘要：一、float属性取值：left：左浮动right：右浮动none：不浮动 先看下面的一个例子： 效果： 因为DIV是块级元素，所以定义的三个DIV是竖直显示的。这时给第一个DIV添加浮动： 效果： 给第一个DIV添加浮动以后，第一个DIV脱离文档流而浮动起来，原先的位置会被下面其他的元素所取代，所
阅读全文
摘要：一、什么是盒子模型 盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。 从上图可以看到标准的盒子模型范围包括margin(外边距)、border(边框)、padding(内边距)、content(网页内容)。网页内容就是盒子里面装的东西。在网页设计中，内容常指文字、图片等元素。内边距(
阅读全文
摘要：一、背景属性 1、背景属性用来设置页面元素的背景样式。 2、常见背景属性 属性 描述 background-color 用来设置页面的背景色，取值如red,#ff0000 background-image 用来设置页面的背景图片，图片路径可以是绝对路径或相对路径，如：background-image
阅读全文
摘要：一、字体属性 属性 描述 font-style 设置字体风格 font-weight 设置字体粗细 font-size 设置字体的尺寸（一般用px表示） font-family 设置字体系列 font 简写属性，作用是把所有针对字体的属性设置在一个声明中（注意顺序）例如：font:italic bo
阅读全文
摘要：一、基本选择器 1、标签选择器 HTML标签作为标签选择器的名称，例如<h1>~<h6>、<p>等。 语法： p：标签选择器。 font-size: 16px; 声明。 font-size:属性。 16px 属性值。 示例： 效果： 2、类选择器 语法： .class {font-size:16px
阅读全文
摘要：一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet：即层叠样式表。样式定义了如何显示HTML或XHTML元素。包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定。 2、CSS的作用 能控制页面的样式和布局。 网页文件和样式文件相分离，可以提高开发效率。 3
阅读全文
