-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- ---------------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------------...
我自己也感到这些代码非常不成熟，一定有很多可以优化的地方，就当做一个反面教材，供大家剖析、批评。index.html代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <title>痛风诊断评分</title><script src="js/common.js"></script><link rel="stylesheet" href="css/common.css" /></head><body background="img/p...
WEB标准是一系列标准的集合，并不是仅“DIV CSS”布局就可以实现。以CSS网页布局只是标准的基础之一。“DIV CSS”布局只是一种通俗的称呼罢了。而我们学习的目标在于以XHTML建立良好的语义化的结构，结合CSS最大程度使表现与内容相分离。 一位网友对W3C标准、重构与CSS布局的理解： 不知道从什么时候开始，在网络上到处可以看到div css，到底什么是div css呢？难道就是传说中的标准重构吗？标准从最简单的根源来说不是合理使...
在设计每个页面的时候，我们先要想好页面的整体框架后再写，这样思路清晰，页面也整齐，不容易出错且容易找到出现的问题。一般我们是将页面分为上、中、下三个大容器里面。再往容器里面添加小块。小块与小块、小块与大块之间的关系就要用到浮动与定位的组合排版。 上面的布局是一个思路的例子，布局调整的时候，我们应该先按先后顺序完成上、中、下三部分，还应该用border描出边框线帮助我们定位，做好了之后再取消掉边框做下个...
css是什么SS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素样式通常存储在样式表中把样式添加到 HTML 4.0 中，是为了解决内容与表现分离的问题外部样式表可以极大提高工作效率外部样式表通常存储在 CSS 文件中多个样式定义可层叠为一个语法CSS声明总是以分号(;)结束，声明总以大括号({})括起来:CSS注释以 "/*" 开始, 以 "*/" 结束, 实例如下:选择器id 用#， class用. 选择器创建外部样式表(External style she...
街上经常碰到一些发各类广告传单的，有一次收到一张房地产广告的传单，顺手留下来，看着里面有些广告挺吸引人，同时也想练练自己css技术，故抽空做了一下。原图某区域如下：实现上图效果是需要一些想象力的，比如三角形的构成和左右两边的空白间距，懂的这个原理，然后熟练运用border属性，一切就OK了比如其中一个三角形 <div class="arrow_ltitle1"></div> div.arrow_ltitle1 {width: 0;height: 0;border-top: 35px solid white;b...
2018年8月19日 这是暑假第六周，这一周我把HTML5的标签大致看完了，并且看了一些CSS和JavaScript的内容。 上一周说这周要把那个简陋的网页用CSS修饰一下，但是真正开始做时，才发现CSS真的不好弄，做出来的静态网页在360浏览器和火狐浏览器上显示的不太一样。360浏览器100%页面比例的静态网页在火狐浏览器上就会出现下拉条，看起来不美观而且又没有用。 本周学习时间将近20小时，周六日休息、复习，每天有接近1小时的时间...
//只要把此文件另存为removebom.php,放在服务器根目录，然后执行，就可以去除服务器端bom，//在chrome有小红点的开始 1 <?php2//remove the utf-8 boms3//by magicbug at gmail dot com 4if (isset($_GET[‘dir‘])){ //config the basedir 5$basedir=$_GET[‘dir‘];6 }else{7$basedir = ‘.‘;8} 9$auto = 1; 10 checkdir($basedir); 11function checkdir($basedir){ 12if ($dh = opendir($basedir)) { 13while (($file = readd...
区块属性：(Block) 字间距{letter-spacing: normal;} 数值对齐{text-align: justify;}(两端对齐) left;(左对齐) right;(右对齐) center;(居中) 缩进{text-indent: 数值px;} 垂直对齐{vertical-align: baseline;}(基线) sub;(下标) super;(下标) top; texttop; middle; bottom;text-bottom词间距word-spacing: normal; 数值 空格white- space: pre;(保留) nowrap;(不换行) 显示{display:block;}(块) inline;(内嵌) list-item;(列表项...
.ribbon {background: #45c9c8;position: absolute;width: 75px;height: 25px;line-height: 25px;top: -4px;left: -11px;font-size: 14px;color: #fff;text-align: center;font-style: normal;z-index: 1;&:after{content: "";position: absolute;width: 0;height: 0;border-left: 12px solid transparent;border-top: 5px solid #329c9b;top: 25px;left: 0px;z-index: 0;}&:before{content: "";position: absolute;right: -10px;f...
结构一、CSS基本使用1、基础Cascading Style Sheets 层叠样式表HTML标签的某些属性可以设置样式效果，但是细节处理不够HTML实现效果会出现大量重复代码，维护成本高CSS3能做到网页和内容分离，对网页中的元素的位置排版等效果进行精确控制CSS美化网页需要依赖HTML2、基本语法<style type="text/css"> body{background-color:red;color:blue; } 3、注释/* 这是注释 */ 4、CSS使用（1）行内式定义在具体的HTML标签的style属性中<p >行...
最近在研究jQuery的选择器，大家知道jQuery的选择器和css的选择器非常相似，所以整理一下css选择器；css1-css3提供非常丰富的选择器，但是由于某些选择器被各个浏览器支持的情况不一样，所以很多选择器在实际css开发中很少用到。1.基础的选择器选择器含义示例*通用元素选择器，匹配任何元素* { margin:0; padding:0; }E标签选择器，匹配所有使用E标签的元素p { font-size:2em; }.info和E.infoclass选择器，匹配所有class属性中包含...
（1）具体常用5种：伸缩-scale、扭曲-skew、旋转-rotate、移动-translate、矩阵-matrix（a）scale(x,y)使元素水平方向和垂直方向同时缩放（也就是X轴和Y轴同时缩 放）；scaleX(x)元素仅水平方向缩放（X轴缩放）；scaleY(y)元素仅垂直方向缩放（Y轴缩放），但它们具有相同的缩放中心点和基数，其中 心点就是元素的中心位置，缩放基数为1，如果其值大于1元素就放大，反之其值小于1，元素缩小（b）skew(x,y)使元素在水平和垂直方向同时...
学习内容：1.标签的margin值：用来控制标签的外边距，分别控制上、右、下、左的外边距1#d1 { 2 width: 500px; 3 height: 300px; 4 background-color: red; 5 margin: 50px; 6 }当只输入一项数值时，所有方向上的外边距被统一设定，而输入两个值时，则分别控制上下、左右的外边距，四个值全部输入则分别控制上、右、下、左的外边距2.标签的padding值：用来控制标签的内边距，分别控制上、右、下、左的内边距1#d1 { 2 ...
h5增加特性 语义标签化如 section article meter footer progress等等html代码h5增加了重要的自定义属性的功能；给标签添加自定义属性 必须以data-开头自定义的属性 需要通过 dateset[]方式来获取如自定义属性 data-box获取自定义属性 dataset设置自定义属性 dataset[“box”];<!-- 定义数据列表—><datalist id="sex"> <option >男</option> <option >女</option> <option >不祥</option></datalist><!—定义度量器—><...