随笔分类 -  html css

HTML5 乱记
摘要：1. HTML5 的文档类型声明可以触发所有具备标准模式的浏览器的标准模式，包括那些对 HTML5 一无所知的浏览器，也就是说，可以在任何网页中都使用 HTML5 文档类型声明 如果没有文档类型声明，大多数浏览器将转换到混杂模式。 2. 为文档添加字符编码 。 3. 指定网页中使用的自然语言 ... 阅读全文
posted @ 2015-11-11 15:50 微日月 阅读(514) 评论(0) 推荐(0)
CSS3 媒体记
摘要：#css3 媒体###Media Type 媒体类型 媒体类型是CSS2中一个非常有用的属性。通过媒体类型可以对不同的设备指定不同的样式。 W3C共列出十种媒体类型，如表： 值 设备类型 all 所有设备 Braille 盲人用点字法触觉回馈设备 Embossed 盲文打字机 Handhel... 阅读全文
posted @ 2015-07-18 11:12 微日月 阅读(271) 评论(0) 推荐(0)
CSS3 动画记
摘要：#css3 动画 在CSS3中可以通过animation创建复杂的动画序列，像[transition](http://www.cnblogs.com/fxycm/p/4635396.html)属性一样用来控制CSS的属性实现动画效果。 animation实现动画效果主要由两个部分组成。1. ... 阅读全文
posted @ 2015-07-18 10:54 微日月 阅读(839) 评论(0) 推荐(1)
css3 过渡记
摘要：#CSS3 过渡 CSS3的transition允许CSS的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击，获得焦点，被点击或对元素任何改变中触发，并平滑地以动画效果改变CSS的属性值。 transition:[ || || || ] **transition-prope... 阅读全文
posted @ 2015-07-18 08:13 微日月 阅读(2817) 评论(0) 推荐(1)
CSS3 变形记
摘要：#CSS3 变形 CSS3变形是一些效果的集合，比如平移，旋转，缩放和倾斜效果，每个效果都称为变形函数。##transform transform属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 transform:none | [] *![](https... 阅读全文
posted @ 2015-07-17 21:13 微日月 阅读(429) 评论(0) 推荐(1)
CSS3 伸缩布局盒模型记
摘要：#CSS3 伸缩布局盒模型 CSS3引入的布局模式Flexbox布局，主要思想是让容器有能力让其子项目能够改变其宽度，高度，以最佳方式填充可用空间。Flex容器使用Flex项目可以自动放大与收缩，用来填补可用的空闲空间。 更重要的是，Flexbox布局方向不可预知，不像常规的布局(块级从上到... 阅读全文
posted @ 2015-07-15 22:03 微日月 阅读(9783) 评论(5) 推荐(4)
css3 盒模型记
摘要：#css3 盒模型 css假定每个元素都会生成一个或多个矩形框，这称为元素框。各元素框中心有一个内容区。这个内容区周围有可选的内边距，边框和外边距。这些项之所以被认为是可选的，原因是它们的宽度可以设置为0，实际上这样就从元素框去除了这些项。 ![](https://img.alicdn.co... 阅读全文
posted @ 2015-07-14 19:31 微日月 阅读(474) 评论(0) 推荐(0)
css3 颜色记
摘要：#css3 颜色##opacity 使元素呈现出半透明效果。 opacity:alphavalue || inherit alphavalue:默认值为1，可以取0~1任意浮点数。取值为1时，元素完全不透明；取值为0时，元素完全透明。不能为负值。 inherit:表示继承父元素的opaci... 阅读全文
posted @ 2015-07-14 10:57 微日月 阅读(625) 评论(0) 推荐(0)
css3 文本记
摘要：#css3 文本 在css文本功能上主要分为三大类：字体，颜色和文本。![](https://img.alicdn.com/imgextra/i1/2406102577/TB2Q3.YdFXXXXbAXpXXXXXXXXXX_!!2406102577.png)![](https://img.ali... 阅读全文
posted @ 2015-07-14 07:27 微日月 阅读(330) 评论(0) 推荐(0)
css3 背景记
摘要：#css3 背景 css背景主要包括五个属性：##background-color background-color:transparent || 用来设置元素的背景颜色，默认值为transparent(透明)，可用颜色名，RGB色，hls值，十六进制值指定颜色。##background-i... 阅读全文
posted @ 2015-07-13 18:40 微日月 阅读(383) 评论(0) 推荐(0)
css3 边框记
摘要：#css3 边框 border属性在css1中就已经定义了，使用它可以设置元素的边框风格，边框颜色以及边框粗细。 **border-width**:设置元素边框的粗细。 **border-color**:设置元素边框的颜色。 **border-style**:设置元素边框的类型。... 阅读全文
posted @ 2015-07-13 12:12 微日月 阅读(1761) 评论(0) 推荐(1)
css3 选择器记
摘要：#css3 选择器 根据所获取页面中元素的不同，把css3选择器分为五大类：1. 基本选择器2. 层次选择器3. 伪类选择器 1. 动态伪类选择器 2. 目标伪类选择器 3. 语言伪类选择器 4. UI元素状态伪类选择器 5. 结构伪类选择器 6. 否定伪类选择器7. 伪元素8. 属性选择器 ##... 阅读全文
posted @ 2015-07-12 15:45 微日月 阅读(1263) 评论(1) 推荐(0)
css3 web字体记
摘要：#css3 web字体###`@font-face`语法 `@font-face`能够加载服务器端的字体，让客户端浏览器显示客户端没有安装的字体。 @font-face{ font-family:; src: [] [, []] *; [font-weight:]; [font-sty... 阅读全文
posted @ 2015-07-11 16:21 微日月 阅读(829) 评论(0) 推荐(0)
css3 变形记
摘要：#css3 变形 transform属性语法： transform：none | []* 可用于内联和块元素。默认值为none，表示元素不变形。另一个属性是变形函数，可以有多个。 常用的2D变形函数： **translate()**:移动元素，可以根据X轴和Y轴坐标重新定位元素位置... 阅读全文
posted @ 2015-07-09 21:29 微日月 阅读(169) 评论(0) 推荐(0)
css3 多列布局记
摘要：#css3 多列布局多列布局属性： columns：column-widht和column-count的缩写。 column-width:定义每列列宽度。 column-count:定义分列列数。 column-gap:定义列间距。 column-rule:定义列边框。 column-r... 阅读全文
posted @ 2015-07-08 23:27 微日月 阅读(218) 评论(0) 推荐(0)
css3 渐变记
摘要：#css3 渐变1. 线性渐变2. 径向渐变3. 重复线性渐变4. 重复径向渐变###线性渐变 线性渐变接受三个参数，渐变的方向，起始颜色，结束颜色。 标准语法及参数：`linear-gradient:([[ | to ],]?,[,]*)` :通过角度来确定渐变的方向。0度表示渐... 阅读全文
posted @ 2015-07-08 13:14 微日月 阅读(260) 评论(0) 推荐(0)