Cloud% - 博客园

2019年9月6日

摘要：初步了解JavaScript 一、JavaScript的重要性所有主流浏览器都支持JavaScript。目前，全世界大部分网页都使用javaScript。它可以让网页呈现各种动态效果。在web前端开发中，如果想实现漂亮的网页、令用户满意的上网体验，JavaScript是必不可少的工具。学习Jav 阅读全文

posted @ 2019-09-06 23:02 Cloud% 阅读(234) 评论(0) 推荐(0) 编辑

2019年9月5日

弹性盒子FlexBox简介（二）

摘要：弹性盒子属性一、align-content属性属性作用：用于修改flex-wrap属性行为。类似于justify-content，但它不是设置弹性子元素的对齐，而是设置各个行的对齐。属性值： flex-start 各行向侧轴的起始位置堆叠。 flex-end 各行向侧轴的结束位置堆叠。 cen 阅读全文

posted @ 2019-09-05 23:35 Cloud% 阅读(452) 评论(0) 推荐(0) 编辑

事件属性

摘要： HTML 事件触发浏览器中的行为，比方说当用户点击某个 HTML 元素时启动一段 JavaScript。一、窗口事件属性（Window Event Attributes）由window窗口触发该事件 (适用于 <body> 标签) 属性值描述 onafterprint script 文档打印之后阅读全文

posted @ 2019-09-05 19:27 Cloud% 阅读(313) 评论(0) 推荐(0) 编辑

CSS颜色和长度单位

摘要：颜色如果我们相给页面设置颜色可以采用多种方法进行设置：一、命名颜色假设在设置页面的颜色时觉得一部分很小的颜色集中就足够了，就可以直接给定颜色的名称。CSS称这些有名称的颜色为命名颜色。命名颜色的关键字有限，css定义了17个标准色：浅绿色，黑色，蓝色，紫红色，灰色，橙色，绿色，石灰，栗色，海阅读全文

posted @ 2019-09-05 16:08 Cloud% 阅读(297) 评论(0) 推荐(0) 编辑

2019年9月4日

弹性盒子FlexBox简介（一）

摘要：一、理解弹性盒子弹性盒子是CSS3的一种新的布局模式。 CSS3弹性盒子（Flexible Box或flexbox），是一种当页面需要适应不同的屏幕大小以及设备类型时，确保元素拥有恰当的行为的布局方式。引入弹性盒子布局模型的目的：是提供一种更加有效的方式来对一个容器中的子元素进行排列、对齐和分配阅读全文

posted @ 2019-09-04 18:58 Cloud% 阅读(739) 评论(0) 推荐(1) 编辑

2019年9月1日

HTML DOM属性

摘要：一、HTML DOM属性属性是节点（HTML元素）的值，可以对其进行修改或获取。编程接口：可以通过JavaScript（以及其他编程语言：可以让计算机读的懂得语言）对HTML DOM进行访问。所有的HTML元素被定义为对象，而编程接口则是对象方法和对象属性。方法是可以执行的动作（如，添加和修阅读全文

posted @ 2019-09-01 15:57 Cloud% 阅读(559) 评论(0) 推荐(0) 编辑

2019年8月31日

HTML DOM方法

摘要：一、HTML DOM的作用 HTML DOM方法是我们可以在节点（html元素）上执行的动作。 HTML DOM属性是我们可以在节点（html元素）设置和修改的值。编程接口：可以通过JavaScript（以及其他编程语言）对HTML DOM进行访问。所有HTML元素被定义为对象Object，而阅读全文

posted @ 2019-08-31 20:33 Cloud% 阅读(544) 评论(0) 推荐(0) 编辑

DOM简介

摘要：一、DOM概念什么是DOM？DOM即Document Object Model，文档对象模型，是HTML和XML文档的编程接口，DOM是W3C(万维网联盟的标准) HTML DOM定义了访问和操作HTML文档的标准方法。DOM用树结构来表达HTML文档（DOM树） W3C文档对象模型（DOM）是中阅读全文

posted @ 2019-08-31 14:07 Cloud% 阅读(1095) 评论(1) 推荐(1) 编辑

2019年8月29日

iframe/frameset/frame的区别

摘要：一、iframe用法二、frame用法三、frameset用法四、区别对比 iframe 一、iframe属性的用法 <iframe>标签规定一个内联框架。内联框架可以在当前的HTML文档中插入框架，框架内可以链接另一个页面它是一个围堵标记，但围着的字句只有在浏览器不支援 iframe 标阅读全文

posted @ 2019-08-29 18:56 Cloud% 阅读(2124) 评论(3) 推荐(0) 编辑

2019年8月28日

CSS伪元素选择器和属性选择器

摘要：伪元素能使用伪元素来选择元素中的一些特殊位置一、给段落定义样式 :first-letter 首字母（只能用于块元素） :first-line 第一行 1、为p元素中的第一个字符设置颜色为黄色，字体为30px p:first-letter{color:yellow;font-size:30px;} 阅读全文

posted @ 2019-08-28 20:19 Cloud% 阅读(1581) 评论(1) 推荐(0) 编辑

2019年8月27日

css伪类选择器

摘要：伪类选择器伪类是专门用来表示元素的一种特殊状态，比如说常见的 a 元素的一些特殊状态（原始状态的超链接，访问过的超链接，运行中的超链接等等），当我们需要为这些处在特殊状态的元素设置样式的时候就可以使用伪类选择器来定义。动态伪类，因为这些伪类并不存在于HTML中,而只有当用户和网站交互的时候才能体阅读全文

posted @ 2019-08-27 20:57 Cloud% 阅读(640) 评论(0) 推荐(0) 编辑

2019年8月26日

@media 媒体查询

摘要：一、@media媒体查询用途媒体查询Media Queries，可以根据不同的设备为其实现不同的样式。@media可以根据不同的屏幕尺寸设置不同的样式，页面布局分别适应移动端、pc端等，在调整浏览器的大小，页面会根据媒体的宽度和高度来重新布置样式。 CSS2中使用的@media媒体查询在很多设备上阅读全文

posted @ 2019-08-26 20:47 Cloud% 阅读(12432) 评论(0) 推荐(2) 编辑

2019年8月25日

cursor属性

摘要： cursor属性作用：定义鼠标指针放在一个元素边界范围内时所用的光标的形状属性值在cursor中我们最常用到的属性是default 和 pointer： default：默认值，显示一个箭头光标的样式。 pointer：光标呈现为指示链接的指针（小手的效果）看一下cursor：default 阅读全文

posted @ 2019-08-25 21:27 Cloud% 阅读(3357) 评论(1) 推荐(0) 编辑

2019年8月24日

HTML和CSS实现的透明登录框效果

摘要：实现代码 HTML部分 CSS样式表部分来看一下最终展现的效果，这是一个动态的效果：初始状态输入中的状态，登录框中的username和password有一个动态过渡上浮的效果：想知道具体是什么效果，可以自己动手尝试一下~ 如果对其中的属性有不了解的地方，可以参考下面的注解版代码哦。其中有涉阅读全文

posted @ 2019-08-24 22:33 Cloud% 阅读(14680) 评论(2) 推荐(3) 编辑

2019年8月23日

CSS背景和CSS3背景background属性

摘要： css背景属性用于定义HTML元素的背景背景属性既可以为单个的单元设置背景，也可以为整个页面设置背景，可以对上述二者的任意组合设置背景，段落、文字、不同状态的链接、图像、内容区域修改其背景样式。设置背景有很多属性可以利用。将在下文中详细解释这些属性的用法。 css属性定义背景效果 backgrou 阅读全文

posted @ 2019-08-23 22:08 Cloud% 阅读(923) 评论(1) 推荐(0) 编辑

2019年8月21日

层定位layer

摘要：一、如何实现层定位position属性二、相对定位relative 三、绝对定位absolute 四、元素堆叠z-index 一、实现层定位的方法 position属性实现层定位，把元素分出层次形成一种嵌套关系，而嵌套在里面的元素则称之为子层，外面包裹的元素称为父层。 position属性属性规定阅读全文

posted @ 2019-08-21 22:44 Cloud% 阅读(875) 评论(1) 推荐(0) 编辑

2019年8月20日

CSS定位机制之浮动定位float

摘要：一、浮动定位实现的效果二、使用float实现浮动定位三、使用clear属性清除浮动定位四、浮动定位的应用（布局）一、浮动定位实现的效果（一）、块元素（div）在文档流中默认垂直排列，如果希望块元素在页面中水平排列，可以使块元素脱离文档流（使用float使元素浮动）元素浮动脱离文档流之后，阅读全文

posted @ 2019-08-20 19:53 Cloud% 阅读(987) 评论(0) 推荐(0) 编辑

HTML和CSS实现图片翻转效果

摘要：实现图片翻转，首先来分析一下我们希望实现的是怎样的翻转效果？又该如何去实现呢？一、希望实现的效果页面上的图片在光标悬停在上面的时候会发生翻转效果，翻转过后显示出背面的说明文字。鼠标没有悬停在上面的效果鼠标悬停在其中一张图片上的效果：二、实现方法每幅图片的翻转效果都是沿着Y轴进行反转的，可阅读全文

posted @ 2019-08-20 10:17 Cloud% 阅读(14517) 评论(0) 推荐(0) 编辑

2019年8月18日

高度塌陷问题以及如何解决高度坍塌问题

摘要：我们在进行页面布局的时候可以发现元素在脱离文档流后，就会出现高度塌陷问题。一、什么是高度塌陷？通过下面的例子了解什么是高度塌陷。在页面中设置一个盒子box，其中在嵌套一个子元素小盒子box1。box设置边框宽度，而高度不去设置（高度会由内容撑开）但是当我们向盒子里面添加内容的时候<div c 阅读全文

posted @ 2019-08-18 22:57 Cloud% 阅读(3336) 评论(1) 推荐(0) 编辑

解决高度坍塌问题（二）

摘要：我们了解完高度坍塌问题之后，那么如何去解决高度坍塌问题呢？解决高度问题的方法一：解决问题的原理：根据W3C标准，元素都有一个隐含的属性（Block Formatting Context）简称BFC,块级格式化环境，该属性可以设置打开或是关闭，当开启BFC后，元素将会具有如下特性： 1.父元素的垂阅读全文

posted @ 2019-08-18 22:54 Cloud% 阅读(2264) 评论(0) 推荐(1) 编辑