随笔分类 -  css学习

position 与z-index的爱恨情仇
摘要：position: static static定位是HTML元素的默认值，即没有定位，元素出现在正常的流中 position:fixed fixed定位是指元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会滚动，且fixed定位使元素的位置与文档流无关，因此不占据空间，且它会和其他元素发 阅读全文
posted @ 2017-09-24 10:28 可以用标点做名字吗 阅读(166) 评论(0) 推荐(0)
css布局之布局
摘要：一、流式布局（Liquid Layout） 流式布局（Liquid）的特点（也叫"Fluid") 是页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变。代表作栅栏系统（网格系统）。 网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用），例如，设置网页主体的宽度为80%，m 阅读全文
posted @ 2017-09-14 20:26 可以用标点做名字吗 阅读(202) 评论(0) 推荐(0)
css布局之弹性布局（二）
摘要：三列布局 骰子布局 <<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>骰子布局</title> <style type="text/css"> body{ background-color: black; } . 阅读全文
posted @ 2017-09-13 17:46 可以用标点做名字吗 阅读(195) 评论(0) 推荐(0)
css布局之弹性布局
摘要：一、flex简介 使用flex布局的容器（flex container），它内部的元素自动成为flex项目（flex item）。容器拥有两根隐形的轴，水平的主轴（main axis），和竖直的交叉轴。主轴开始的位置，即主轴与右边框的交点，称为main start；主轴结束的位置称为main end 阅读全文
posted @ 2017-09-13 17:00 可以用标点做名字吗 阅读(238) 评论(0) 推荐(0)
CSS布局之多栏布局
摘要：左栏固定，右栏自适应 多栏布局01 我是自适应的 我是固定栏 右侧栏固定，左侧自适应 多栏布局02 我是自适应的 ... 阅读全文
posted @ 2017-09-13 08:33 可以用标点做名字吗 阅读(185) 评论(0) 推荐(0)
css布局之双飞翼布局
摘要：双飞翼布局 我是主列 我是子列 我是附加列 阅读全文
posted @ 2017-09-12 22:43 可以用标点做名字吗 阅读(127) 评论(0) 推荐(0)
bootstrap carousel实现
摘要：bootstrap carousel实现问题：轮播效果不出现解决方法： 在在最外层div中添加此属性 data-ride="carousel" 用js方法实现轮播 $(function () { $('#myCarousel').carousel({ interval: 2000 }); }) Bootstrap Example ... 阅读全文
posted @ 2017-08-18 10:48 可以用标点做名字吗 阅读(177) 评论(0) 推荐(0)
css
摘要：css与html是内容与形式的关系，HTML生成内容，CSS负责样式 行内样式 ：定义在标签内使用style属性定义 嵌入式：定义在<head></head>标签内 导入式： 链接式：<link href="XXX.css" rel="stylesheet" type="text/css"/> 2. 阅读全文
posted @ 2017-06-30 17:14 可以用标点做名字吗 阅读(180) 评论(0) 推荐(0)
input框添加图标，代替submit
摘要：input框添加图标，代替submit的意思是form表单中，将常规的提交按钮更改成图标，但是图标具有提交的功能 首先，我们先探讨下如何获取图标，我是从阿里巴巴图标库中下载的，因为改版的原因，网上的一些方法并不能保证下载下来完整的代码，所以我来贴一下具体的图片，说明下如何下载代码 进入官网，搜索需要 阅读全文
posted @ 2017-06-28 09:59 可以用标点做名字吗 阅读(4458) 评论(0) 推荐(0)
position：absolute display：block
摘要：positon 与 display 的相互关系 元素分为内联元素和区块元素两类（当然也有其它的），在内联元素中有个非常重要的常识，即内两元素是不可以设置区块元素所具有的样式，例如:width | height。 relative : 原来是什么类型的依旧是什么类型。 absolute | fixed 阅读全文
posted @ 2017-06-18 15:58 可以用标点做名字吗 阅读(190) 评论(0) 推荐(0)
行内块元素 、块元素、内联元素关于text-align：center margin：0 auto的比较
摘要：行内元素、块元素的区别 1、行内元素会在一条直线上水平排列 2、行内元素width、height设置无效，padding和margin的上下无效 2、块元素各占一行，垂直排列，相当于末尾有<br>标签 3、块元素可以包含行内元素和块元素，但是行内元素是不能包含块元素的 下面开始上图 首先选择使用一个 阅读全文
posted @ 2017-05-18 08:59 可以用标点做名字吗 阅读(2082) 评论(0) 推荐(0)
轮播 margin-left实现
摘要：思路：下图是一张图片布局 重要通过float 属性将li并排排列 通过改变ul 的marginleft 值实现图片轮播 1、css实现 这个比较简单主要是将所有用到的图片连在一起，通过改变背景的位置改变图片 主要用到了animation 不过这个比较局限性，适合于初学者来增加信息，之后你会发现 这样 阅读全文
posted @ 2017-03-29 09:33 可以用标点做名字吗 阅读(579) 评论(0) 推荐(0)
运用把不同的方式排版，涉及到float box-flox box-orient
摘要：1、div+CSS 使用float属性 2、box-orient制作的上中下，中间分三栏（首栏和底栏宽度值相同，中间栏宽度的值略小于首栏才可以无缝对接） 3、使用了box-flex属性 4、垂直分布 5、常用的网页布局 阅读全文
posted @ 2016-11-25 16:19 可以用标点做名字吗 阅读(294) 评论(0) 推荐(0)
chrome中font-size<12px时并不更改字体大小仍未12px
摘要：本来是通过改变font-size大小使得“高尔夫”三个字能在一行中显示，但是通过chrome验证时无法得到效果，百度看了很多人的博客，，多数推荐使用-webkit-text-size-adjust标签，我明白其中的意义，但是我更改后依旧没什么效果，求指教 http://blog.csdn.net/f 阅读全文
posted @ 2016-11-21 14:48 可以用标点做名字吗 阅读(225) 评论(0) 推荐(0)
div实现页面划分为左，中，右三栏
摘要：1、实现方法 2、注意的问题 1、实现方法 利用css分栏，一个整体的div id为wrap ，包含三个div，分别代表左栏（wrap-1）、中栏(wrap-m)、右栏（wrap-r） 通过float属性使wrap-1 位于左边，wrap-r位于右边，再通过margin属性进一步完善边框的距离，添加 阅读全文
posted @ 2016-11-16 13:49 可以用标点做名字吗 阅读(2161) 评论(0) 推荐(1)
关于css中的滤镜操作
摘要：最近刚接触到滤镜这一块，发现书上的代码由于浏览器版本问题并不能实现，所以自己查资料做了一个总结分享给大家 代码中的几种方式是我在网上查询到的，如果大家还有什么别的方式可以分享给我 CSS3中-moz、-ms、-webkit和-o分别代表什么意思 1、-moz-：代表FireFox浏览器私有属性2、- 阅读全文
posted @ 2016-11-14 17:44 可以用标点做名字吗 阅读(174) 评论(0) 推荐(0)