penghmcc-CSDN博客

原创收录的脚本

1.多个函数同时在页面加载时得到执行：addLoadEvent()function addLoadEvent(func){

2017-08-07 20:47:11 260

原创 JavaScript常用交互方式

1.document.write在这里就不再说了2.警告（alert）警告框，就是在页面中弹出一个小的对话框，当你在点击确定或者取消之前，不可以对页面做其他任何操作。alert输出的内容可以字符串或者变量。语法：alert();举个例子：var FBI= "未满18岁请关闭窗口";alert(FBI);3.确认（confirm）确认对话框

2017-07-25 19:07:54 3528

原创 JavaScript初接触

1.JavaScript可以放在head里，也可以放在body里。进行页面显示初始化的js必须放在head里面，因为初始化都要求提前进行（如给页面body设置css等）而如果是通过事件调用执行的function那么对位置没什么要求的

2017-07-24 21:24:19 190

原创给页面设置一个固定头脚方便交互

like this：can see a very clear header and footer that is green.if you want to make it ,you should do this:HTML:CSS:please see this css that have a red border.这里我们用的是固定定位，也就

2017-07-23 18:45:47 361

原创三栏式布局

就是写这样一个布局：代码如下：HTML：CSS：在写完之后我还有一个疑惑，或者说我写的过程中发生的一个问题。可以看一下HTML代码，我在对div进行排序的时候，顺序是：left，right，center。当我按这样的顺序运行网页的时候，网页是正常的，如图一。但是，如果我按照：left，center，right，这个顺序来写的话，就会发生这样的

2017-07-23 15:50:20 241

原创横向两列布局（float）

要做一个这个：代码如下：HTML：CSS：

2017-07-21 20:05:48 628

原创清除浮动的两种方法

第一种：clear:both;第二种：width:100%; overflow:hidden;如下：.box1{background:red;float:left;}.box2{background:blue;float:right;}p{width:100%;overflow:hidden;}

2017-07-20 21:25:58 228

原创一些自己写网页时遇到的问题及细节处理

1.侧栏问题在另一篇文章里已经说过了。2.取消table表头居中问题这个有两种解决方法第一种是不写th而是用一个td代替，之后再给这个td加粗即可。第二种是使用th，给th另外加一个class，之后使用text-align:left3.合并table边框。这个样子很难看。使用border-collapse:collapse;即可解决。

2017-07-19 19:42:11 1169

原创 CSS布局模型

1.CSS的三种布局模型①流动模型（Flow）②浮动模型（Float）③层模型（Layer）2.流动模型流动是网页默认的布局模式。特征：①块状元素在所处的包含元素内自上而下按顺序垂直延伸分部，块状要素的宽度都为100%。②内联元素在所处的包含元素内从左到右水平分部显示。3.浮动模型浮动模型可以使两个块状要素并排显示。比如要实现两个div并

2017-07-19 18:55:24 274

原创怎么给网页写一个侧栏（横向两列布局-使用绝对定位和相对定位的方法）

像是一个这样的网页他有3个主栏，1个侧栏。这个应该怎么来实现？…………………………………………………………………………………………………………………………我觉得是这样的，就是我们在写一个网页的时候，应该先从全局来看，在什么地方有什么东西，是什么样的。然后在看各个部分是什么样的。就像踢足球，我们要先有个团队的进攻思路，什么阵型啊，433还是4231啊还是352啊，确定了之后，我们

2017-07-19 08:54:22 1174

原创隐性改变display类型

当你给一个行内元素添加以下两个CSS之后，就看也改变他们的宽和高了1.position:absolute2.float:left/right

2017-07-16 18:28:34 151

原创 CSS样式小技巧

1.水平居中设置①行内元素（内联元素）是通过对父元素设置text-align:center来实现的。举个例子：div{border:1px solid red;}.txtCenter{text-align:center;}你说前半生就这样吧在这里，div是父元素，文本是子元素效果如下：②定宽块状元素（宽度width为固定值）通过将m

2017-07-16 16:48:14 265

原创 CSS的颜色和长度

1.颜色就在这里贴一个配色的网站吧http://nipponcolors.com/2.长度定义长度的有三种，px，em，%。值得注意的是em和%。当你使用em的时候，一般是段落的缩进text-indent：2em和行间距line-height：2em。但是他2em凭什么就缩进两个字，凭什么行间距就是2个字？是这样的，em和%都是基于他父元素的font

2017-07-16 15:48:42 312

原创 CSS代码的简写

1.合模型代码的简写对于合模型的border、padding、margin设置边框时：①上右下左同为10px时：border:10px;②上下为10px，左右为20px时：border:10px 20px;③上为10，左右为20，下为30时：border:10px,20px,30px;2.颜色值的简写当你设置的颜色是16进制的色彩值时，如果每两位的值相同，可以缩写一

2017-07-16 15:30:23 428

原创 CSS盒模型

1.元素分类在CSS中，html中的标签大体上被分为三类：①块状元素：、、...、、、、、、、②内联元素：、、、、、、、、、、③内联块状元素：、2.元素之间的转换①内联元素转换为块状元素

2017-07-15 15:44:54 188

原创自己写的第一个练习网页【2017.7.12】

是ife上面的任务示例图如下：ˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉ以下是我自己写的代码ˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉˉ

2017-07-12 19:17:35 217

原创 CSS的学习【最后编辑2017.7.13】

CSS意思为层叠样式表，主要是用于定义HTML内容在浏览器内的显示样式，如文字大小、颜色、字体加粗等。之前我在《写一个html！》里面有写到一些，这里在写一下。font-size:80px; 设置文本的字体大小font-weight:lighter/normal/bold/bolder; 设置文本的字体粗细。color:blue; 设置文本颜色。text-

2017-07-11 20:28:20 349

原创 body标签里都有啥【最后编辑2017.7.19】

x的取值范围是1-6，h1的字体样式最大，h2的字体样式最小。

2017-07-09 16:35:47 680

原创什么是语义化【2017.7.9】

通俗点说就是知道每个标签的用途语义化带来的好处是：1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容

2017-07-09 16:17:00 493

原创 head标签里都有什么【2017.7.9】

1.这个标签是定义这个网页的标题。如这是一个网页标题，运行之后就会在浏览器标题栏那里显示这段话。2.3.4.5.

2017-07-09 16:10:37 254

原创自己写一个html！【2017.7.9】

我知道一个html里分为和两个部分是用来定义各种数据的则是写，不知道怎么说就是写正文的然后知道了3个定义工具，不知道说定义工具对不对一个是color，是变文字颜色的，可以是代码如#930，也可以是英语单词如blue。一个是font-size是变文字大小的，是用px作为单位的。一个是text-align是变文字所处的位置，有left、center、right。

2017-07-09 14:06:11 451