随笔分类 - html css
摘要：首先明确几点在文中所需要用到的概念： 静态定位：position:static（为position属性的默认值）。 动态定位：position:relative或position:absolute或position:fixed。 祖元素：任意包含该元素的元素。 父元素：直接包含该元素的祖元素。 同辈
阅读全文
摘要：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.or
阅读全文
摘要：一、Position各属性值详解 1. static ：默认值，元素将按照正常文档流规则排列。 2. relative ：相对定位，元素仍然处于正常文档流当中，但可以通过left、top、right和bottom的CSS规则来改变元素的位置。 注意点：[a]. 元素原来位置将保留，不被其他元素所占据
阅读全文
摘要：脱流： absolute,float,fixed定位时会脱离文档流 脱离文档流的元素，其display属性为inline-block,其内容自适应，可设置宽高 定位： position设置为absolute时，如果不设置top等属性，则默认在原来位置，该元素前面的元素不受影响（前面元素为absolu
阅读全文
摘要：CSS3如何实现元素水平居中、垂直居中 听语音 | 浏览：2678 | 更新：2015-06-30 11:13 | 标签：css CSS3如何实现元素水平居中、垂直居中 听语音 | 浏览：2678 | 更新：2015-06-30 11:13 | 标签：css 1 2 3 4 5 6 7 分步阅读 1
阅读全文
摘要：選單常見於我們的生活當中，通常用於整理一系列的指令，簡化複雜的程序，使介面看起來更加友善。當應用程式愈複雜，功能愈多時，通常會利用多級選單將類似的指令組織成一個子選單。 一般網頁常見到二級選單，利用 CSS 即可達成，有些會透過 JavaScript 增加更多效果，例如動畫、延遲等。多級選單一般常使
阅读全文
摘要：<!DOCTYPE html><html><head><meta charset="utf-8"><title>浮动布局测试</title><link rel="stylesheet" type="text/css" href="layout2.css"><script src="layout2.j
阅读全文
摘要：css-实现元素/元素内容，垂直居中对齐 一、单行内容的垂直居中（line-height：行高方法） 只考虑单行是最简单的，无论是否给容器固定高度，只要给容器设置 line-height 和 height，并使两值相等，就可以了。 缺点：1：这种方法局限性太大，只有单行文本的元素才适用，所以在多行元
阅读全文
摘要：CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。 如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会
阅读全文
摘要：了解CSS中的浮动和定位之前有必要先了解清楚标准流和脱离标准流的特性 标准流的默认特性 1、分行、块级元素，并且能够dispay转换。 2、块级元素（block）：默认独占一行，不能并列显示，能够设置宽、高，宽度为父盒子的100%。例如：div、p、标题元素（h1-h6）、列表元素（ul li、dl
阅读全文
摘要：样式的实际应用中，常用的模块主要有，导航，图像，下拉菜单，表格，表单， 其中导航一般会使用列表来实现。 在实际样式中，一般要考虑的通用要素有，定位，尺寸，对齐，盒子，背景，文本，字体，7大类；特例要素则有列表，鼠标，链接，图片等 对齐分为水平，垂直2种 显示包括position,float,disp
阅读全文
摘要：float,浮动 在元素的水平方向，left,right进行浮动，直到外框碰到父边缘框或者另外一个浮动元素的外框 浮动对前面元素没有影响，后面的元素会围绕它，右浮动，后面元素将围绕在它左边，左浮动，后面元素围绕在它右边 当一个元素浮动之后，不会影响到 块级框的布局而只会影响内联框（通常是文本）的排列
阅读全文
摘要：定位属性有11个：z-index position clip cursor top,right,bottom,left overflow,overflow-x,overflow-y position的值共有5个: inherit static absolute relative fixed 麻烦的地
阅读全文
摘要：2者都可以控制元素显示 display：none 元素不再占用空间 visibility:hidden 元素不可见，但是继续占用空间 display还可控制元素的显示类型，block,inline,inlin-block 这样实现了块元素与内联元素的相互转换，布局更加方便 p{ display:in
阅读全文
摘要：盒子模型：外间距，margin，边框，border，内间距，padding，内容，content 边框border:border border-width border-color border-style border-bottom border-bottom-width border-botto
阅读全文
摘要：背景属性6个：background background-color background-image background-attachment background-repeat background-position 文本常用属性：color text-align text-decoratio
阅读全文
摘要：常用选择器，6种，分别是 全局选择器，标签选择器，id选择器，class选择器，复合选择器（空格 .号 ,号）,a:状态选择器 全局选择器 *{ background:src(1.jpg); } 标签选择器 p{ background-color:red; } id选择器 #id1{ backgro
阅读全文
摘要：html包括三个要素，元素（标签），属性，属性值。CSS包括三个要素，选择器，属性，属性值。 !DOCTYPE html head title meta charset="utf-8" body bgcolor,backgound,topmargin,rightmargin,leftmargin,b
阅读全文
摘要：元素是文档结构的基础，在CSS中，每个元素生成了一个包含了元素内容的框（box，也译为“盒子”）。但是不同的元素显示的方式会有所不同，例如<div>和<span>就不同，而<strong>和<p>也不一样。在文档类型定义（DTD）中对不同的元素规定了不同的类型，这也是DTD对文档之所以重要的原因之一
阅读全文
摘要：一、html元素的分为块级元素和行内元素 二、块级元素和行内元素的特点 block（块）元素的特点： ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 inline元素的特点： ①和其他元素都在一行上
阅读全文
浙公网安备 33010602011771号