随笔分类 - [12]CSS
摘要：ID有两个的后果ID选择器 ID选择器1 ID选择器2 ID选择器3 ID选择器3当id同时加入两个样式时，无效
阅读全文
摘要：html部分 header left_side content right-side footer ...
阅读全文
摘要：一、命名规则说明：1）、所有的命名最好都小写2）、属性的值一定要用双引号("")括起来，且一定要有值如class="divcss5",id="divcss5"3）、每个标签都要有开始和结束，且要有正确的层次，排版有规律工整4）、空元素要有结束的tag或于开始的tag后加上"/"5）、表现与结构完全分...
阅读全文
摘要：通常看到这个页面，会想到它是有几块组成的。第一块，分销佣金。第二块，包括代言、商品、二维码其中代言又是左右结构。于是乎基本的div结构就出来了。 然后逐层的添加与调整。 分销佣金{sh:$commission}元 已销售echo ($good...
阅读全文
摘要：很早以前就接触过CSS，但对于浮动始终非常迷惑，可能是自身理解能力差，也可能是没能遇到一篇通俗的教程。 前些天小菜终于搞懂了浮动的基本原理，迫不及待的分享给大家。写在前面的话： 由于CSS内容比较多，小菜没有精力从头到尾讲一遍，只能有针对性的讲解。 如果读者理解CSS盒子模型，但对于浮动不理解，那...
阅读全文
摘要：test 表格无边框,有内框! ^^ CSDN 学习积累 ...
阅读全文
摘要：//$this->_red('账号或密码有误','/student/stureg/add'); echo ''; echo '账号或密码有误'; echo ''; exit;
阅读全文
摘要：一些图标通常要垂直居中如下所示：而css中没有直接的样式。需要我们自己调试。我用了position:absolute;来实现。要想使得position:absolute;有效，它的父元素必须也是position:absolute;否则就会以body作为参照物。 ...
阅读全文
摘要：relative会把别人挤下去，absolute会跑偏。两者结合就会很好的解决问题。span灵活，随li变动，但是不占空间，不会把其挤下去，如果里面的img设为absolute的话。
阅读全文
摘要：【css】1.javascript 主要用来操作网页中的对象。2.行内样式>ID样式>类别样式>标记样式（css层叠性，优先顺序）3.如果同时有两个类别的样式，有所冲突，效果以前者为准。4.如果对父元素做了设置，子元素也会有效果，如果对子元素也设置了，子元素会覆盖父元素的效果。（css继承性）5.单独占一行的元素称为块级元素。 div：块级元素（block） span：行内元素（inline）6.js操作的是界面的对象，所以看js代码要对照着界面元素进行研读。7.如果一个容器中的子div都是浮动方式的，那么这个容器div的高度不会自动伸展，需要用clear：both来实现自动
阅读全文
摘要：一、纵向列表纵向列表或称为纵向导航，在网站的产品列表中应用比较广泛，如淘宝网左侧的淘宝服务，今天我们就学习一下纵向导航的制作先新建一个页面，然后插入一个ID为menu的div，然后在设计视图中选中文字，点击工具栏的ul图标，即会自动插入ul和li，然后修改文字内容为你需要的内容。<div id="menu"><ul><li>首页</li><li>网页版式布局</li><li>div+css教程</li><li>div+css实例</li><li>
阅读全文
摘要：一、两列自适应宽度下面以常见的左列固定右列自适应为例，因为div为块状元素，默认情况下占据一行的空间，要想让下面的div跑到右侧，就需要做助css的浮动来实现。首先创建html代码如下：<div id="side">此处显示 id "side" 的内容</div><div id="main">此处显示 id "main" 的内容</div>div创建完成后，开始创建css样式表，代码如下：#side { background: #99FF99; height: 300
阅读全文
摘要：一、一列固定宽度<style type="text/css">#layout { height: 300px; width: 400px; background: #99FFcc; }</style>二、一列固定宽度居中一列固定宽度居中和一列固定宽度相比，我们要解决的问题就是居中。这里我们用到css的外边距属性：margin。在IE6及以上版本和标准的浏览器当中，当设置一个盒模型的的margin:auto;时，可以让这个盒模型居中。我们下边在css样式表中加上这个属性看看效果：#layout { height: 300px; width: 400px
阅读全文
摘要：一、xhtml css基础知识首先说一下我们这节课的知识点文档类型 语言编码 html标签 css样式 css优先级 css盒模型组成 1）文档类型当我们用dreamweaver新建一下html格式文档时，查看源代码，会发现代码最上部有如下这句话：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">这句话标明本文档是过渡类型，另外还有框架和严格类型，目前一
阅读全文
摘要：一般我们在做列表的时候通常只会用到ul和li标签,至于DL一般都很少用到，它也属于列表类的标签，下面说一下大概的用法：<dl>标记定义了一个定义列表，定义列表中的条目是通过使用<dt>标记(“definition title”，定义标题)和<dd>标记(“definition description”，定义描述)创建的。<dt>给出了术语名，<dd>标记给出了术语的定义。也就是说<dt>用来创建列表中的上层项目，<dd>用来创建列表中最下层项目，<dt>和<dd>都必须放在<dl&
阅读全文
摘要：css中，文档流是什么？普通流就是正常的文档流，在HTML里面的写法就是从上到下，从左到右的排版布局。例：<div id=”01”></div><div id=”02”></div><div></div>很显然这是最普通的文档流，从左到右，一个挨一个按照顺序01先，02其次，03最后排列。一旦给其中的某个DIV进行FLOAT属性或者absolute定位（不包括static/relative，这两个依然保持正常的文档流），则它完全脱离文档流，不占空间。例：为了能更好辨认，我分别给01绿色，02灰色，03黄色。然后再给01左浮
阅读全文
摘要：层级关系为： <div ——————————— position:relative; 不是最近的祖先定位元素，不是参照物<div—————————-没有设置为定位元素，不是参照物<div———————- position:relative 参照物<div box1<div box2 ——–posit
阅读全文
摘要：网站的导航很多都是下拉的方式，如下图所示：就是一种下拉菜单，导航的数据是以ul、li相互嵌套的方式存在的。------------------------------------------<div class="head"> <div class="logo"></div> <div id="navigation"> <ul> <li class="mr70px"><a href="#" id="curre
阅读全文