唐小青

响应式布局的两种实现形式

摘要：所谓的响应式布局，就是设计一个网站的时候，让它满足能同时适应不同的端口，而不用对不同端口设计不同的网页。实现方式：采用百分比自适应布局 1.原生代码实现。在国内目前设计网页的时候，一般会分成PC端和移动端两套页面，但在一定的情况下，必须满足只设计一个页面的情况下，满足不同端口都能正常使用，因此阅读全文

posted @ 2016-09-25 23:27 唐小青阅读(13177) 评论(0) 推荐(0) 编辑

bootstrap学习心得总结

摘要： bootstrap框架 1.以栅栏式布局，分12列，16列，24列和32列，常用12列。 2.整个页面必须在container容器内部 3.移动端以 <meta name="viewport" content="width=device-width,initial-scale=1.0"> 来使视图一阅读全文

posted @ 2016-09-17 21:46 唐小青阅读(5097) 评论(0) 推荐(0) 编辑

Less技术和Sass技术定义、用法及区别

摘要： Less技术定义：基于CSS的CSS扩展技术特点：引入变量、混合、运算和函数。作用：简化CSS代码。 1.定义变量。形式：@ 变量名=值； 2.混合。方式：可以用类选择器 .； id选择器：#；标签选择器：input body等形式如：定义- .header1{ width：20px；阅读全文

posted @ 2016-09-17 21:38 唐小青阅读(506) 评论(0) 推荐(0) 编辑

三种简单的创建轮播图的方式

摘要：一，原生JS和jquery代码（以JS为例） <script type="text/javascript"> var a=["../images/img1.jpg","../images/img2.jpg", "../images/img3.jpg","../images/img4.jpg"];// 阅读全文

posted @ 2016-09-11 09:48 唐小青阅读(717) 评论(0) 推荐(0) 编辑

CSS后面部分介绍及用法

摘要： CSS后面部分介绍及用法一、伪类选择器：（标示是：{冒号}）1、a:link（未访问的链接）2、a:visited （已访问过后的效果）3、a:hover （鼠标移动到链接上的效果）4、a:active （点击时的效果）设置的顺序必须按照：：link :visited :hover :active 阅读全文

posted @ 2016-09-11 09:38 唐小青阅读(313) 评论(0) 推荐(0) 编辑

css选择器分类及运用

摘要：一. CSS常用选择器1.*选择器：所有元素选择器，一般用于整个页面的整体设计，写在css文件开头部分。2.#选择器：id选择器，一个id在页面中是唯一的，一般用于JS部分。3..选择器：类选择器，CSS部分最常用也是最有用的选择器，可以大大简化程序和减少编程工作量。上述为选择器的三大类。二。运用阅读全文

posted @ 2016-09-03 21:44 唐小青阅读(169) 评论(0) 推荐(0) 编辑

盒模型的三大类简介

摘要：盒模型包括外边距（Margin）、内边距(padding)和边框（border）三大部分。Margin:包括{ margin-top//上边距 margin-right//右边距 margin-bottom//下边距 margin-left//左边距 }Padding：包括{ padding-top 阅读全文

posted @ 2016-09-03 21:38 唐小青阅读(437) 评论(0) 推荐(0) 编辑