html - 随笔分类 - reyinever

HTMl、CSS、JS的区别：

摘要：HTMl、CSS、JS的区别： Html:决定网页的结构和内容【结构】 Css:控制页面的表现样式，如：美化页面【表现】 Js:控阅读全文

posted @ 2019-04-26 21:55 reyinever 阅读(4097) 评论(0) 推荐(1)

css 制作导航条布局

摘要：代码：页面效果：阅读全文

posted @ 2019-03-31 01:53 reyinever 阅读(311) 评论(0) 推荐(0)

css 制作翻页布局

摘要：代码：页面效果：阅读全文

posted @ 2019-03-31 01:50 reyinever 阅读(982) 评论(0) 推荐(0)

css 背景(background)属性、背景图定位

摘要：background属性： Background属性是css中应用比较多，且比较重要的一个属性，它是负责给盒子设置背景图上和背景颜色的，background是一个复合属性，它可以分解成如下几个设置项：（1）background-color 设置背景颜色（2）background-image 设置阅读全文

posted @ 2019-03-31 01:47 reyinever 阅读(14788) 评论(0) 推荐(0)

css 制作圆角、圆形图形布局

摘要：页面效果：阅读全文

posted @ 2019-03-31 01:42 reyinever 阅读(593) 评论(0) 推荐(0)

css 定位布局

摘要：文档流：文档流，是指盒子按照html标签编写的顺序依次从上到下，从左到右排列。块元素占一行，行内元素在一行之内从左到在排列，先写的先排列，后写的排在后面，每个盒子都占据自己的位置。关于定位：可以使用css的position属性来设置元素的定位类型，position设置项如下：（1）relat 阅读全文

posted @ 2019-03-31 01:39 reyinever 阅读(198) 评论(0) 推荐(0)

css 浮动布局，清除浮动

摘要：浮动的特性：（1）浮动元素有左浮动（float:left）和右浮动（float:right）两种（2）浮动的元素会向左或向右浮动，碰到父元素边界、其他元素才停下来（3）相邻浮动的块元素可以并在一起，超出父级宽度就换行（4）浮动让行内元素或块元素自动转化为行内块元素（此时不会有行内块元素间隙问阅读全文

posted @ 2019-03-31 01:33 reyinever 阅读(760) 评论(0) 推荐(0)

css 实现文字提示说明、文字绕图效果

摘要：鼠标放在某个文字上时，展示文字的解释说明代码：文字绕图：代码：页面效果：阅读全文

posted @ 2019-03-31 01:23 reyinever 阅读(1540) 评论(0) 推荐(0)

css 制作菜单

摘要：代码：页面效果：阅读全文

posted @ 2019-03-31 01:19 reyinever 阅读(455) 评论(0) 推荐(0)

css 块元素、内联元素、内联块元素

摘要：块元素、内联元素、内联块元素：元素就是标签，布局中常用的有三种标签，块元素、内联元素、内联块元素，了解这三种元素的特性，才能熟练的进行页面布局。块元素，也可以称为行元素，布局中常用的标签，如：div、p、ul、li、h1-h6等等都是块元素，它在布局中的行为：（1）支持全部的样式（2）如果没阅读全文

posted @ 2019-03-31 01:16 reyinever 阅读(4498) 评论(0) 推荐(0)

css 元素溢出

摘要：css元素溢出：当子元素的尺寸超过父元素的尺寸时，需要设置父元素显示溢出的子元素的方式，设置的方法是通过overflow属性来设置。 overflow的设置项：（1）visible 默认值内容不会被修剪，会呈现在元素框之外（2）hidden 内容会被修剪，并且其余内容是不可见的，此属性还有清阅读全文

posted @ 2019-03-31 01:07 reyinever 阅读(840) 评论(0) 推荐(0)

css Margin-top塌陷，解决方法

摘要：在两个盒子嵌套时，内部的盒子设置的margin-top会加到外边的盒子上，导致内部的盒子margin-top设置失败，解决方法如下：（1）外部盒子设置一个边框（2）外部盒子设置overflow:hidden （3）使用伪元素类： .clearfix:before{ content:””; dis 阅读全文

posted @ 2019-03-31 01:05 reyinever 阅读(1409) 评论(0) 推荐(0)

css margin使用技巧

摘要：margin使用技巧：（1）设置元素水平居中：margin:x auto; （2）margin负值让元素位移及边框合并 代码：负值：元素位移及边框合并<!--?xml:namespace prefix = "o" ns = "urn:schemas-micro 阅读全文

posted @ 2019-03-31 01:03 reyinever 阅读(657) 评论(0) 推荐(0)

css 盒子模型

摘要：css中把元素叫做盒子，设置对应的样式分别为：盒子的宽度（width）、盒子的高度（height）、盒子的边框（border）、盒子内的内容和边框之间的间距（padding）、盒子和盒子之间的间距（margin）。设置宽高： width:200px; /* 设置盒子的宽度，此宽度是指盒子内容的宽度阅读全文

posted @ 2019-03-31 00:51 reyinever 阅读(267) 评论(0) 推荐(0)

css样式的六种选择器

摘要：css常用的选择器有： 1.标签选择器：标签选择器，这种选择器影响范围大，建议尽量应用在层级选择器中。如： *{margin:0;padding:0} /* 影响所有的标签 */ div{color:red} /* 影响所有的div标签 */ <div>......</div> <!-- 对应以阅读全文

posted @ 2019-03-31 00:32 reyinever 阅读(11565) 评论(0) 推荐(1)

css 文本设置

摘要：常用的应用文本的css样式：（1）color 设置文字和颜色，如：color:red; （2）font-size 设置文字的大小，如：font-size:20px; （3）font-family 设置文字的字体，如：font-family:’微软雅黑’; （4）font-style 设置字体是否倾阅读全文

posted @ 2019-03-31 00:23 reyinever 阅读(1007) 评论(0) 推荐(0)

Html表单标签：

摘要：表单用于收集不同的类型的用户输入，表单由不同类型的标签组成，相关标签及属性如下：（1）<form>标签定义整体的表单区域 -- action属性定义表单数据提交址址 -- method属性定义表单提交方式，一般有”get”方式和”post”方式（2）<label>标签为表单元素定义文字标阅读全文

posted @ 2019-03-18 00:40 reyinever 阅读(249) 评论(0) 推荐(0)

html页面布局之table布局：

摘要：table布局： table来做整体页面的布局，布局技巧归纳如下：（1）按照设计图的尺寸设置表格的宽高以及单元格的宽高（2）将表格的border、cellpadding、cellspacing全部设置为0，表格的边框和间距就不占有页面空间，它只起到划分空间的作用。表格的Cellpadding：阅读全文

posted @ 2019-03-18 00:37 reyinever 阅读(25494) 评论(0) 推荐(0)

Html表格：

摘要：（1）<table>标签：声明一个表格，它的常用属性如下： -- border属性定义表格的边框，设置值是数值 -- cellpadding属性定义单元格内容与边框的距离，设置值是数值 -- cellspacing属性定义单元格与单元格之间的距离，设置值是数值 -- align属性设置整体表阅读全文

posted @ 2019-03-18 00:34 reyinever 阅读(263) 评论(0) 推荐(0)

Html列表：

摘要：有序列表：在网页上定义一个有编号的内容列表可以用<ol>、<li>配合使用来实现，如： <ol> <li>列表文字一</li> <li>列表文字二</li> <li>列表文字三</li> </ol> 在网页上生成的列表，每条项目上会按1、2、3编号，有序列表在实际开中较少使用。写上面列表标签的快阅读全文

posted @ 2019-03-18 00:30 reyinever 阅读(207) 评论(0) 推荐(0)

随笔分类 - html

公告