随笔分类 - 前端技术 css
摘要：<div></div>内<div align="center">是dive框架中的居中，写法正确。
阅读全文
摘要：编码方式问题。 解决。 在<head></head>内 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">改成<meta http-equiv="Content-Type" content="text/html; c
阅读全文
摘要：1. 单像素边框CSS表格 这是一个很常用的表格样式。 源代码： 2. 带背景图的CSS样式表格 和上面差不多，不过每个格子里多了背景图。 cell-blue.jpg cell-grey.jpg 1. 下载上面两张图，命名为cell-blue.jpg和cell-grey.jpg 2. 拷贝下面的代码
阅读全文
摘要：列表是几乎所有网站都会用到的一个组件，正好bootstrap也给我们提供了这个组件的样式，下面我给大家简单介绍一下bootstrap中的列表组件的用法！ 首先，重提一下引用bootstrap的核心文件的问题，以免有些刚入手的朋友忘了这个。 在页面的开头，先引用bootstrap的核心文件（css，j
阅读全文
摘要：利用 CSS 来实现对象的垂直居中有许多不同的方法，比较难的是选择那个正确的方法。我下面说明一下我看到的好的方法和怎么来创建一个好的居中网站。 使用 CSS 实现垂直居中并不容易。有些方法在一些浏览器中无效。下面我们看一下使对象垂直集中的5种不同方法，以及它们各自的优缺点。(可以看看测试页面，有简短
阅读全文
摘要：Part 1 font简写 CSS的命名规则是用英文字母 数字 和下划线(一般用小写)来命名.简写css font的好处有三：一是写起来方便（就像键盘快捷键）；二是简化代码；三是帮助你熟悉和深刻理解css。 一、字体属性主要包括下面几个 font-family，font-style，font-var
阅读全文
摘要：id 和 class 选择器 如果你要在HTML元素中设置CSS样式，你需要在元素中设置"id" 和 "class"选择器。 （1） id 选择器 id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS 中 id 选择器以 "#" 来定义
阅读全文
摘要：CSS 实例 CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素。 每条声明由一个属性和一个值组成。 属性（property）是您希望设置的样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。 CSS 实例 CS
阅读全文
摘要：效果图：
阅读全文
摘要：添加 .am-badge class 到 <div> 或者 <span> 元素。 默认样式 <span class="am-badge">1</span> <span class="am-badge am-badge-primary">2</span> <span class="am-badge a
阅读全文
摘要：<!doctype html> <html> <head> <meta charset="UTF-8"/> <title>新手教程：CSS+DIV等宽格子堆砌瀑布流效果_酷站代码丨www.5icool.org</title> <style> *{padding:0;margin:0;} #wrap{
阅读全文
摘要：效果 <html><head><style type="text/css">div.container{width:100%;margin:0px;border:1px solid gray;line-height:150%;}div.header,div.footer{padding:0.5em;
阅读全文
摘要：在<head></head>中添加 <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpport" content="width=device-width,init
阅读全文
摘要：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。 CSS 浮动 请看下图，当把框 1 向右浮动时，它脱离文档流并且向右移动，直到它的右边缘碰到包含框的右边缘： 再请看下图，当框 1 向左
阅读全文
