随笔分类 -  css

摘要：今天发现即使设置table的td、th宽度，仍是不管用，是根据table的td的内容来适应宽度，导致其他的th、td丢失。 下图就是浏览器渲染的table，导致缺失“端口”这一列，因为“设备名称”中的td内容太长导致。代码： css的属性超出隐藏（overflow:hidden;）、强制在同一行显示 阅读全文

摘要：行内元素： div,p{text-align:center;} 定宽块状元素: 第一宽度固定，第二margin-left和margin-right均是auto。div{border:1px solid red;width:200px;margin:20px auto;} 不定宽块状元素方法 行内元素 阅读全文

摘要：颜色值 英文命令颜色：p{color:red;} RGB颜色：p{color:rgb(133,45,200);}每一项的值可以是 0~255 之间的整数，也可以是 0%~100% 的百分数。如：p{color:rgb(20%,33%,25%);} 十六进制颜色：p{color:#00ffff;} 优 阅读全文

摘要：盒模型简写： 盒模型简写： 如果top、right、bottom、left的值相同，如下面代码：margin:10px 10px 10px 10px; 缩写为：margin:10px; 如果top和bottom值相同、left和 right的值相同。margin:10px 20px 10px 20p 阅读全文

摘要：css布局模型在网页中，元素有三种布局模型： 流动Flow模型（一）： 流动（Flow）是默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的。 流动布局模型具有2个比较典型的特征： 第一点，块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，因为 阅读全文

摘要：块级元素都具备盒子模型，盒子模型有padding（top、left、right、bottom内容到盒子的距离）和margin（top、left、right、bottom盒子之间的距离）属性。 盒模型--边框（一） 盒子模型的边框就是围绕着内容及补白的线，这条线你可以设置它的粗细、样式和颜色(边框三个 阅读全文

摘要：各个浏览器并不兼容，想要兼容css属性，需要添加如下的前缀： -ms-transform:rotate(-1deg); /* IE 9 旋转1度*/IE浏览器-moz-transform:rotate(-1deg); /* Firefox 旋转1度*/火狐浏览器-webkit-transform:r 阅读全文