随笔分类 - css
摘要：在<style></style>中添加下面代码 table { table-layout: fixed; /* 只有定义了表格的布局算法为fixed，下面td的定义才能起作用。 */ } table td { position: relative; /*width: 80px;*/ height:
阅读全文
摘要：我们可以使用css的position属性来设置元素的定位类型，postion的设置项如下： relative 生成相对定位元素，元素所占据的文档流的位置不变，元素本身相对文档流的位置进行偏移 absolute 生成绝对定位元素，元素脱离文档流，不占据文档流的位置，可以理解为漂浮在文档流的上方，相对于
阅读全文
摘要：属性解释 background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图片和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项： background-color 设置背景颜色 background-image 设置背景图片地址 backgrou
阅读全文
摘要：页面基本代码如下 <head> <style type="text/css"> .box01,.box02,.box03{ width:200px; height:200px; font:30px/200px 'Microsoft Yahei'; #字体大小，行高 background-color:
阅读全文
摘要：常用的应用文本的css样式： color 设置文字的颜色，如： color:red; font-size 设置文字的大小，如：font-size:12px; font-family 设置文字的字体，如：font-family:'微软雅黑'; font-style 设置字体是否倾斜，如：font-st
阅读全文
摘要：现在布局不用table，一般用盒子模型来布局，也就是通常说的div+css，一个页面就是多个盒子的拼接 一. 初识盒子模型 例子1，测试盒子各属性设置 <head> <style type="text/css"> .box{ width:200px; #这里的宽和高是content的宽和高 heig
阅读全文
摘要：元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。 一. 块元素 块元素，也可以称为行元素，布局中常用的标签如：div、p、ul、li、h1~h6、dl、dt、dd等等都是块元素，它在布局中的行为： 支持全部的样式 如果没有设置宽度，默
阅读全文
摘要：一.标签选择器 1. 前面在main.css中定义的<div><em>等选择器，称为标签选择器，此种选择器影响范围大，不能精确控制 特殊的为星号选择器，匹配所有标签，性能上有问题，慎用 *{ margin:0; padding:0； } 二. id选择器 每个标签元素都有唯一的ID名，每次只作用于一
阅读全文
摘要：一. 三种样式引入方式 1. 内联式-直接写在div标签中,不推荐用 <div style="color:red;font-size:20px;font-family:'Microsoft Yahei';line-height:30;"> 你好，我叫韩妹妹<br\> 你叫什么名字 </div> 2.
阅读全文
