CSS 样式画三角形
下面是一些三角形样式，部分我在仿站练习时，用到了的图案，加了点颜色美化，记录一下... 各种三角形的效果图和代码记录 三角形，倒三角形，左三角形，右三角形 上三角 效果图： 代码样式： triangle{ width:0; height:0; border-left:50px solid transparent; bo...
分类：HTML/CSS
该分类下的全部文章。
html/css路径引用同级、下级、标准写法
在网页制作的过程中，少不了跟路径打交道，比如，包含一个文件，插入一个图片等，与路径都有关系，如果使用了错误的文件路径，就会导致引用失效(无法浏览链接文件，或无法显示插入的图片等)。 作为初学者的我，有时会感到困惑「(°ヘ°)，这路径什么鬼Σ (ﾟДﾟ;) ，怎么写的啊(⊙⊙)?， 下面我就介绍一下了解到的相对路径与绝对...
css-link
CSS 链接 在写这篇文章之前，只是知道有链接的不同状态下的样式这东西的存在，并未去认真了解过的链接的不同状态可以有不同的样式。 能够设置链接样式的 CSS 属性有很多种（例如 color, font-size, background 等等）。 链接的特殊性在于能够根据它们所处的状态来设置它们的样式。 链接的四种状态：...
CSS list-style-type 属性
CSS list-style-type 属性 list-style-type，是指在CSS中，不管是有序列表还是无序列表，都统一使用list-style-type属性来定义列表项符号。 语法： list-style-type :value 属性值： 值 描述 none 无标记。 disc 默认。标记是实心圆。 circ...
CSS中的三种基本的定位机制
CSS 定位机制 CSS 有三种基本的定位机制： 普通流 浮动 绝对定位 一、普通流 除非专门指定，否则所有框都在普通流中定位。普通流中元素框的位置由元素在(X)HTML中的位置决定。块级元素从上到下依次排列，框之间的垂直距离由框的垂直margin计算得到。行内元素在一行中水平布置。 二、定位 １、相对定位 被看作普通...
CSS 框模型的介绍
CSS 框模型(Box Model) 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 下面的图片说明了框模型(Box...
HTML与CSS书写规范
HTML编码规范： 使用小写元素名: 关闭所有HTML元素: 使用小写属性名: 属性值使用引号: 图片通常使用alt属性: 等号前少用空格: 不要随便添加空行，缩进使用两个空格，不建议使用TAB 布尔型属性不用赋值: 尽量避免多余的父元素 HTML属性顺序： class id，name data- src，for，ty...
CSS max-width(height)
CSS max-width(height)属性设置对象的最大宽高 语法： max-width : none length max-height : none length 参数： none : 无最大高度限制 length : 由浮点数字和单位标识符组成的长度值 或者百分数。不可为负数。 说明： 设置或检索对象的最大宽...
CSS min-height（width）
CSS min-height（width）属性设置对象的最大高度（宽度） 语法： min-height : none length min-width : none length 参数： none : 无最小高度限制 length : 由浮点数字和单位标识符组成的长度值 或者百分数。不可为负数。 说明： 设置或检索对象...
CSS 宽高 width height
css width 和 height 属性设置对象的宽高度 语法： height : auto length width : auto length 参数： auto : 无特殊定位，根据HTML定位规则载文档流中分配 length : 由浮点数字和单位标识符组成的长度值 百分数。百分数是基于父对象的高度。不可为负数。...