文章分类 - css/css3
摘要：转原文链接：https://www.cnblogs.com/mengfangui/archive/2017/06/27/7085886.html
阅读全文
摘要：语法： box-sizing:content-box;|border-box;|inherit; 用法： border-box: 一般我们设置一个元素的width时，实际上，元素的宽度等于width+padding+border，比如我们想设置一个200px宽的div，我们需要计算好width的值和
阅读全文
摘要：盒子模型是css中一个重要的概念，理解了盒子模型才能更好的排版。其实盒子模型有两种，分别是 ie 盒子模型和标准 w3c 盒子模型。他们对盒子模型的解释各不相同，先来看看我们熟知的标准盒子模型： 从上图可以看到标准 W3C 盒子模型的范围包括 margin、border、padding、conten
阅读全文
摘要：页面中使用CSS的方式主要有3种：行内添加定义style属性值，页面头部内嵌调用和外面链接调用，其中外面引用有两种：link和@import。外部引用CSS两种方式link和@import的方式分别是： XML/HTML代码<link rel="stylesheet" rev="stylesheet
阅读全文
摘要：一、无继承性的属性 1、display：规定元素应该生成的框的类型 2、文本属性： vertical-align：垂直文本对齐 text-decoration：规定添加到文本的装饰 text-shadow：文本阴影效果 white-space：空白符的处理 unicode-bidi：设置文本的方向
阅读全文
摘要：总体概念 1.block和inline完整确切的说是块级元素和内联元素。block元通常会显示为独立的一块，单独成一行； inline元素则不会换行，会在同一行显示，直到改行排满。 2.常见的块状元素有：div, form, table, p, h1~h6, ul,ol,dl等； 常见的呢内联元素有
阅读全文
摘要：user-select属性是css3新增的属性，用于设置用户是否能够选中文本。可用于除替换元素外的所有元素。 语法： user-select：none | text | all | element 默认值：text 适用于：除替换元素外的所有元素 继承性：无 动画性：否 计算值：指定值 user-s
阅读全文
摘要：此文章转载于千与千寻* 博客地址：https://www.cnblogs.com/clearsky/p/5696286.html 一、css盒子模型概念 CSS css盒子模型 又称框模型 (Box Model) ，包含了元素内容（content）、内边距（padding）、边框（border）、外
阅读全文
摘要：画一个三角形 <html> <head> <title>画一个三角形</title> <meta charset="utf-8"> <style type="text/css"> .triangle{ width: 0; height: 0; border-top: 200px solid red;
阅读全文
摘要：可以这样定义他们，三种都为相对大小，只是相对的对象元素不同。 px（pixel）是相对于显示器屏幕分辨率而言。IE浏览器无法调整使用px作为单位的字体大小； em是相对于当前对象内文本的字体尺寸，em会继承父级元素的字体大小，若当前对行内文本的字体尺寸未被人设置，则其相对于浏览器的默认字体尺寸； r
阅读全文
