css - 随笔分类 - jill1231

css 字体

摘要：一、浏览器默认字体众所周知，浏览器字体默认的设置为“宋体/simsun字体 16像素”，例如Chrome浏览器下：二、CSS中设置的字体考虑到兼容性，我们总会在CSS中队字体进行一些设置，这类设置往往设置在body标签上，无论是人人网，腾讯网，淘宝网，开心，新浪，网易等都是如此。以下为各个大型阅读全文

posted @ 2016-05-02 17:36 jill1231 阅读(292) 评论(0) 推荐(0)

HTML5 placeholder

摘要：一、HTML5 placeholder相关的引言 placeholder在英汉词典中解释成了“占位符”。要理解并不难，请看此场景： “咦？”您可能会疑问，“这不是就是狗狗树下撒尿尿”。确实，该场景可以较好的诠释placeholder“占位符”之意。我们不妨将placeholder来个临时拆分：pla 阅读全文

posted @ 2016-05-02 16:15 jill1231 阅读(592) 评论(0) 推荐(0)

黑色遮罩引导蒙版 CSS实现方式

摘要：一、微云的实现网站有一些改动的时候，为了让用户熟知新的操作位置，往往会增加一个引导，常见的方式就是使用一个黑色的半透明蒙版，然后需要关注的区域是镂空的。然后上周五我去微云转悠的时候，也看到了引导层，于是职业病又犯了，去学习下别人是怎么实现的。下面是观测的结果：为了实现镂空蒙层效果，作者发挥了小时候阅读全文

posted @ 2016-05-02 14:23 jill1231 阅读(9296) 评论(0) 推荐(0)

css placeholder 颜色设置

摘要：因为每个浏览器的CSS选择器都有所差异，所以需要针对每个浏览器做单独的设定(可以在冒号前面写input和textarea)。 ::-webkit-input-placeholder { /* WebKit browsers */ color:#999; } :-moz-placeholder { / 阅读全文

posted @ 2016-05-02 10:24 jill1231 阅读(785) 评论(1) 推荐(0)

css line-height

摘要：行高、行距行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张“盗图”（选自下面的参考文章），其实我也修改了一下啦~ 注意：倒数第二根是基线哦，最下面那根是底线，不是基线。图中两条红线之间的距离就是行高阅读全文

posted @ 2016-05-02 10:06 jill1231 阅读(205) 评论(0) 推荐(0)

纯CSS气泡框实现方法探究

摘要：气泡框（或者提示框）是网页中一种很常见的元素，大多用来展示提示信息，如下图所示：拆分来看，形如这种气泡框无外乎就是一个矩形框+一个指示方向的三角形小箭头，要制作出这样的气泡框，如果解决了三角形小箭头就容易了。一种方法就是制作这样一个三角形箭头的图片，然后定位在矩形框上。但这种解决办法在后期更改气泡阅读全文

posted @ 2016-04-28 16:06 jill1231 阅读(299) 评论(0) 推荐(0)

自适应设计与响应式设计

摘要：目前非常流行自适应设计与响应式设计，而且经常让人混淆，自适应设计不应与自适应布局混为一谈，它们是完全不一样的概念。在这先说明下这两者的异同：自从移动终端飞速发展以来，各种各样的机型突飞猛进，很多网站的解决方法，是为不同的设备提供不同的网页，比如专门提供一个mobile版本，或者iPhone/iPad 阅读全文

posted @ 2016-02-25 20:38 jill1231 阅读(436) 评论(0) 推荐(0)

HTML+CSS 整站步骤

摘要：文件夹管理：CSSJSimgfonthtml 根据设计图，划分区块，即页面布局重置样式根据自己的需要，对浏览器的默认样式进行了一些重置。但要注意物极必反，因此，有用到的标签才需要进行重置。//避免这样的重置*{ margin:0;padding:0;} 写main.css 注意：1 距离尽量使阅读全文

posted @ 2016-02-25 20:37 jill1231 阅读(429) 评论(0) 推荐(0)

CSS常见问题及兼容性

摘要：CSS常见问题1 （IE6，7）H5标签兼容解决方法1：（只显示核心代码） 1<script> 2 //通过js动态的去创建H5标签 3 document.createElement("header"); 4 document.createElement("section"); 5 documen 阅读全文

posted @ 2016-02-24 16:51 jill1231 阅读(324) 评论(0) 推荐(0)

表格表单

摘要：表格标签：table 表格thead 表格头tbody 表格主体tr 表格行 th 元素定义表头td 元素定义表格单元（table data cell）表格样式重置 table{ border-collapse:collapse;}单元格间隙合并 th,td{padding:0} 重置单元格默认阅读全文

posted @ 2016-02-24 15:14 jill1231 阅读(345) 评论(0) 推荐(0)

定位 position

摘要：html结构是fixed包裹relative，relative包裹absolute position:relative;相对定位 a 不影响元素本身的特性 b 不使元素脱离文档流（元素移动之后原始位置会被保留） c 如果没有定位偏移量，对元素本身没有任何影响 d 提升层级定位元素位置控制：top| 阅读全文

posted @ 2016-02-24 12:38 jill1231 阅读(227) 评论(0) 推荐(0)

css float

posted @ 2016-02-23 12:18 jill1231 阅读(146) 评论(0) 推荐(0)

块元素和内嵌元素

摘要：块元素和内嵌元素的特征块的特征： 1，默认独占一行 2，没有宽度限定时，默认撑满一行 3，支持所有css命令内嵌（内联，行内）元素的特征： 1，同排可以继续跟同类的标签 2，内容撑开宽度 3，不支持宽高 4，不支持上下的margin 5，代码换行被解析块元素和内嵌元素的转换display di 阅读全文

posted @ 2016-02-22 23:19 jill1231 阅读(192) 评论(0) 推荐(0)

CSS3 变形小结

摘要：Ø旋转 rotate() （正-顺负-逆） Ø扭曲 skew() Ø缩放scale() Ø位移translate() Ø矩阵matrix(a,b,c,d,e,f) a：水平伸缩量，1为原始大小 b：纵向扭曲，0为不变 c ：横向扭曲，0不变 d：垂直伸缩量，1为原始大小 e：水平偏移量，0为初始位阅读全文

posted @ 2016-02-21 21:47 jill1231 阅读(144) 评论(0) 推荐(0)

动画小结

摘要：在CSS中创建简单的过渡效果可以从以下几个步骤来实现：第一，在默认样式中声明元素的初始状态样式第二，声明过渡元素最终状态样式，比如悬浮状态第三，在默认样式中通过添加过渡函数，添加一些不同的样式 CSS3的过渡transition属性是一个复合属性，主要包括以下几个子属性：transition-pro 阅读全文

posted @ 2016-02-21 21:43 jill1231 阅读(274) 评论(0) 推荐(0)

css3 calc()

摘要：概述CSS函数calc()可以用在任何一个需要<length>的地方.有了calc(),你可以通过计算来决定一个对象的大小和形状.你还可以在一个calc()内部嵌套另一个calc().语法如何阅读 CSS 语法。calc(expression)值expression一个数学表达式,该表达式的结果会作阅读全文

posted @ 2016-02-21 12:41 jill1231 阅读(811) 评论(0) 推荐(0)

jill1231

随笔分类 - css

公告