上次我们聊了《Html5前端如何实现文字阴影》,其实在开发中现在对于阴影效果的使用已经越来越广泛了,那么今天我们就来说一说用同样的手法实现边框阴影。 一.边框阴影 box-shadow 边框阴影 参数: 参数1 x-shadow：设置对象的阴影水平偏移值，单位可以是px、em或百分比等...

2018-06-24 02:11:49

居中是我们在css中经常遇到的问题，一般有水平居中、垂直居中、垂直水平居中这3种情况，那么今天首先就来对学习到的水平居中的方法做个总结笔记。 css水平居中 text-align:center 它的效果为： 将父元素设置了text-align：center之后，子元素中的文本会表现为水平居中...

2018-06-24 02:11:47

9 、显示与隐藏 u display属性： (1)none：隐藏元素，不会再占有页面的任何空间，即不会影响布局。 (2)inline：默认值。将元素[显示]为内联元素 （与HTML元素本身无关系） (3)block：将元素[显示]为块极元素 (与HTML元素本身无关系) (4)inline-block：将元素显示为行内...

2018-06-24 02:11:41

前言： 今天来和大家详细说一下table-layout属性的用法。 1 /* eg:设置表格布局算法 */ 2 table { 3 table-layout : fixed ; 4 } ***本文关键词 ：table-layout属性值、定义和用法、固定表格布局、自动表格布局。 1 定义和用法 tableLayout属性用来显示表格单元格、行...

2018-06-24 02:11:45

居中是我们使用css来布局时常遇到的情况。使用css来进行居中时，有时一个属性就能搞定，有时则需要一定的技巧才能兼容到所有浏览器，本文就居中的一些常用方法做个简单的介绍。 注：本文所讲方法除了特别说明外，都是兼容IE6+、谷歌、火狐等主流浏览器的。 先来说几种...

2018-06-24 02:11:43

在写单选框时，如何实现只能同时只能选择一个radio。 将name设置为一样的数值；代码如下： input class="myforms-3-2" type="radio" checked ="checked" name="2" value="sex1"男 input class="myforms-3-3" type="radio" name="2" value="sex2"女 checked属性是设置预...

2018-06-24 02:11:41

一、 BFC的概念 BFCblock formating context的缩写，中文译为"块级格式化上下文" 二、如何触发BFC 1.设置float除none以外的值(left,right) 2.设置overflow除visible以外的值(hidden,auto,scroll) 3.设置display属性(table,table-cell,inline-block,flex) 4.设置positio...

2018-06-24 02:11:41

此属性规定元素的tab键控制次序，点击tab键使元素获取焦点的次序。 语法结构: element tabindex="number" 参数解析: number:规定元素的tab键控制次序（1 是第一个）。 浏览器支持: （1）.IE浏览器支持此属性。 （2）.谷歌浏览器支持此属性。 （3）.火狐浏览器支持此属...

2018-06-24 02:11:35

1. 什么是前端工程化 自有前端工程师这个称谓以来，前端的发展可谓是日新月异。相比较已经非常成熟的其他领域，前端虽是后起之秀，但其野蛮生长是其他领域不能比的。虽然前端技术飞快发展，但是前端整体的工程生态并没有同步跟进。目前绝大多数的前端团队仍然使用非常...

2018-06-24 02:11:37

6 、设置颜色单位 L 普通英文单词 {color : 属性值red;} 此方法简单，便捷。但设置的颜色在不同浏览器中，可能显示的颜色出现差异 * 三原色 - 红、绿、蓝 L 颜色的八进制方式 格式：rgb(数字 , 数字 , 数字)，数字范围是0 ~ 255 r红色g绿色b蓝色 L 颜色的十六进制方式...

2018-06-24 02:11:31