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><!—定义度量器—><...
原文:CSS中如果实现元素浮动和清除浮动，看这篇文章就足够了浮动基本介绍#在标准文档流中元素分为2种，块级元素和行内元素，如果想让一些元素既要有块级元素的特点也同时保留行内元素特点，只能让这些元素脱离标准文档流即可。浮动可以让元素脱离标准文档流，可以实现让多个元素排在同一行，并且可以设置宽高度。其实浮动是通过float属性来实现的。float属性值说明表：属性值描述left设置元素向左浮动。right设置元素向右浮动。右浮...
1、CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式element : 元素。 padding : 内边距，也有资料将其翻译为填充。 border : 边框。 margin : 外边距，也有资料将其翻译为空白或空白边。围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。 * {margin: 0;padding: 0;}padd...
1、属性选择器：实例展示：html代码：<a href="xxx.pdf">我链接的是PDF文件</a><a href="#" class="icon">我类名是icon</a><a href="#" title="我的title是more">我的title是more</a>css代码：a[class^=icon]{background: green;color:#fff; } a[href$=pdf]{background: orange;color: #fff; } a[title*=more]{background: blue;color: #fff; } 结果显示：2、结构性伪类选择器1、—root:root选择器，从字面上我们就可以很清楚的理解...
1. HTML常用标签1.1 <meta>META标签是HTML标记HEAD区的一个关键标签，提供文档字符集、使用语言、作者等基本信息，以及对关键词和网页等级的设定等，最大的作用是能够做搜索引擎优化（SEO）。两个主流网站meta属性<!-- 淘宝 --><meta charset="utf-8"><meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"><meta name="renderer" content="webkit"><meta name="spm-id" content="a21bo"><meta name="description" conte...
定义和用法padding 简写属性在一个声明中设置所有内边距属性。说明这个简写属性设置元素所有内边距的宽度，或者设置各边上内边距的宽度。行内非替换元素上设置的内边距不会影响行高计算；因此，如果一个元素既有内边距又有背景，从视觉上看可能会延伸到其他行，有可能还会与其他内容重叠。元素的背景会延伸穿过内边距。不允许指定负边距值。注释：不允许使用负值。 例子 padding:10px 5px 15px;上内边距是 10px右内边距和左内边距...
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2<html xmlns="http://www.w3.org/1999/xhtml"> 3<head> 4<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> 5<title>CSS样式三级下拉菜单</title> 6<style> 7@charset "utf-8";8body{margin:0px; padding:0px; font-family:Verdana, Geneva, sans-serif; font-size:12p...