web
Solitude-xw
The future has arrived.
古之成大事者,须规模远大和综理密微
一切都是简单的,孰能生巧
展开
-
初入CSS之三
1、浮动1、定位1、什么是定位元素该出现在网页的哪个位置处2、定位方式1、普通流定位2、浮动定位3、相对定位4、绝对定位5、固定定位3、普通流定位又称为 文档流定位网页元素默认定位方式页面元素块级元素-从上到下的方式排列行内元素-从左到右的方式排列<body><div id="d1">Hello</div><div id="d2">World<原创 2017-12-30 18:16:04 · 185 阅读 · 0 评论 -
favicon图标
语句一: 语句二 备注:语句一 Shortcut Icon 就是在网址列前面出现的Icon 问题:语句二 icon的作用是怎么?和语句一有什么区别? 指导 过去,为保证favicon出现,网站设计者和开发者采用了多种方法。很难明确地保证favicon可以在所有电脑上显示,即使是用同一版本的一种浏览器。 下列代码另一个局限就是它把favicon关联到了某个特定的HTML或XH转载 2018-04-02 09:11:05 · 370 阅读 · 0 评论 -
随笔
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------...原创 2018-01-18 18:35:28 · 211 阅读 · 0 评论 -
(一)强制类型转换
Boolean(value)——把给定的值转换成Boolean型;Number(value)——把给定的值转换成数字(可以是整数或浮点数);String(value)——把给定的值转换成字符串。原创 2018-02-19 22:50:59 · 271 阅读 · 0 评论 -
解决外边距塌陷
解析外边距塌陷问题规则听说刚开始人们觉得margin 塌陷是个bug,后来渐渐地才发现,原来所有的浏览器都这样,所以就不算bug 要强调是的外边距的塌陷问题只会在垂直之间产生塌陷;水平之间不受影响的;还有就是两个盒子的垂直外边距完全接触才会触发。 看下面做两个div,指定宽高:对上面的进行margin-bottom:30px转载 2018-02-07 12:20:18 · 1064 阅读 · 0 评论 -
css 计数器
4、计数器1、声明或复位一个计数器属性:counter-reset:名 值 名 值;值,可以省略,默认为0名是计数器的名字,值是计数器的初始值注意:1、不能将计数器声明在使用的元素中 2、设置计数器增量属性:counter-increment:名 值;值,可以省略,默认为1,是计数器的增量注意:1、哪个元素使用,就在哪个元素上声明增量原创 2018-02-06 16:32:12 · 181 阅读 · 0 评论 -
transform
Transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。下面我们一起来看看CSS3中transform的旋转rotate、扭曲skew、缩放scale和移动translate具体如何实现,老样子,我们就从transform的语法开始吧。语法:transf转载 2018-02-08 21:43:28 · 21213 阅读 · 0 评论 -
弹框中如何设置当点击上一个盒子的时候会和下一个进行无缝连接
function test(){ alert("杨焘是世界上最帅的人") } #total{ position: relative; left: 500px; } .menu{ width: 400px; height: 400px; border:1px solid #333; z-index: 100; position:原创 2018-01-03 11:52:05 · 822 阅读 · 0 评论 -
兄弟选择器(+和~)
1. + 选择器 如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器。 比如:style type="text/css"> h1 + p { margin-top:50px; color:red; }style>body>p>This is paragraph.p>h1>T转载 2018-01-30 22:58:55 · 211 阅读 · 0 评论 -
box-sizing
盒子模型关于CSS重要的一个概念就是CSS盒子模型。它控制着页面这些元素的高度和宽度。盒子模型多少会让人产生一些困惑,尤其当涉及到高度和宽度计算的时候。真正盒子的宽度(在页面呈现出来的宽度)和高度,需要加上一些其它的属性,例如:padding + border + width= 盒子的宽度padding+ border + height = 盒子的高度这看起来并不是那么直观,转载 2018-01-14 21:00:56 · 259 阅读 · 0 评论 -
初入CSS之二
******************************1、渐变1、什么是渐变多种颜色变化的一个过程分类:1、线性渐变2、径向渐变3、重复渐变(线性,径向)特点:1、渐变都有填充方向(线性渐变)2、色标(颜色,位置)2、语法属性:background-image取值:1、linear-gradient():线性渐变2、radi原创 2017-12-29 16:35:15 · 158 阅读 · 0 评论 -
CSS 绝对定位
CSS 绝对定位CSS 相对定位CSS 浮动设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。CSS 绝对定位绝对定位使元素的位置与文档流转载 2018-01-02 22:57:31 · 1078 阅读 · 0 评论 -
CSS 相对定位
CSS 相对定位转自:http://www.w3school.com.cn/css/css_positioning_relative.aspCSS 定位概述CSS 绝对定位设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。CSS 相对定位相对定位是一个非常容易掌握的概念。如果对一个转载 2018-01-02 23:03:30 · 262 阅读 · 0 评论 -
初入CSS之一
1、CSS概述1、问题1、设置页面中所有的文本颜色为红色2、页面中所有的div里面的文本的颜色变为 蓝色3、页面中所有的div里面的文本的颜色变为 绿色HTML元素属性的弊端:1、想完成相同效果,却要使用不同属性2、HTML元素改变的样式可重用性不高2、CSSCSS:Cascading Style Sheets层叠样式表,级联样式表,样式表特点:原创 2017-12-26 16:26:52 · 482 阅读 · 0 评论 -
初入HTML之二
1、图像和链接1、URL1、目录 & 目录结构 目录:WEB站点中文件夹的名称目录结构:由目录以及子目录形成复杂结构2、URL URL(Uniform Resource Locator)统一资源定位符作用:用来标识网络中资源的位置资源:图片,网页,音视频...俗称:路径(地址)URL在WEB页面上有三种表现形式:1、绝对路径2、相对路径原创 2017-12-24 14:24:44 · 502 阅读 · 0 评论 -
初入HTML之一
1、HTML概述 标记分类:1、什么是HTML Web页或Web应用,就是互联网上的一个网页程序,通常以 .html或.htm作为后缀的文件WEB页是由HTML编写而成HTML:(Hyper Text Markup Language),超文本标记语言a : 26个字符中的首字符超文本a:超链接的功能b : 26个字符中的第二个字原创 2017-12-24 12:40:13 · 242 阅读 · 0 评论 -
CSS的子选择器与后代选择器的区别
子选择器还有一个比较有用的选择器子选择器,即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码:.food>li{border:1px solid red;}这行代码会使class名为food下的子元素li(水果、蔬菜)加入红色实线边框。[html] view plain copystyle转载 2017-12-31 16:04:48 · 298 阅读 · 0 评论 -
display和visbility的区别
visibility属性用来确定元素是显示还是隐藏的,这用visibility="visible|hidden"来表示(visible表示显示,hidden表示隐藏)。当visibility被设置为"hidden"的时候,元素虽然被隐藏了,但它仍然占据它原来所在的位置。例: function toggleVisibility(me){ if (me.style.visibility=="hidde转载 2018-04-12 19:14:53 · 2290 阅读 · 0 评论