一、介绍 css3为了区分伪类和伪元素，伪元素采用双冒号写法。 常见伪类——:hover,:link,:active,:target,:not(),:focus。 常见伪元素——::first-letter,::first-line,::before,::after,::selection。 ::b ...
分类：
其他好文 时间：
2019-01-20 16:28:25
阅读次数：
161
主要运用了css3的弹层布局，直接上代码： 效果：左边盒子宽度固定、内容居中对齐、与右侧盒子高度相等，右侧自动缩放 html： css： ...
分类：
Web程序 时间：
2019-01-19 18:48:36
阅读次数：
502
前端: 广义:用户能看见并且交互的展示界面 狭义:运行在浏览器上的页面 学习的语言: html5 = h5架构+css3布局+JavaScript逻辑 html:超文本标记语言 可以支持文本以外的视频,图片,故叫超文本 学习html的目的:完成页面结构的搭建 html三大组成 标签:被尖括号包裹,由 ...
分类：
其他好文 时间：
2019-01-19 16:21:13
阅读次数：
181
文字阴影 text-shadow：h-shadow/v-shadow h-shadow 水平阴影，允许负值，正数时阴影在右，负数时阴影在左 v-shadow 垂直阴影，允许负值，正数时阴影在底部，负数时阴影在上面 水平和垂直阴影必须要写 blur 模糊距离，只能是正数 color 阴影颜色 text ...
分类：
Web程序 时间：
2019-01-17 10:52:26
阅读次数：
246
div { width:400px; height: 300px; line-height: 300px; background: #4bb1ff; font-size: 100px; text-align: center; color: #fff; text-shadow: 1px 1px 0 # ...
分类：
Web程序 时间：
2019-01-16 11:42:49
阅读次数：
353
calc() = calc(四则运算) 英文单词calculate(计算)的缩写 需要注意的是，运算符前后都需要保留一个空格，例如：width: calc(100% 10px)； calc()函数支持 "+", " ", " ", "/" 运算； calc()函数使用标准的数学运算优先级规则； 兼容 ...
分类：
Web程序 时间：
2019-01-14 14:37:31
阅读次数：
189
目录 Transition过渡 Transition的分体属性： 贝塞尔曲线cubic-bezier Body本身没有高度，html本身也没有高度，document的高度是可视区域。 文字阴影 HTML5新增表单控件 Input在HTML5中新增了很多的类型 新增表单属性 属性选择器 子元素选择器（ ...
分类：
Web程序 时间：
2019-01-14 11:07:11
阅读次数：
236
最近使用css的相关属性会出现这样那样的问题，这里简单的汇总一下，希望遇到同样问题的童鞋有所帮助~~ 一、calc()：计算css属性值 简介：calc()是css3的一个新增的功能，用来指定元素的长度。使用calc()给元素的border、margin、pading、font-size和width ...
分类：
Web程序 时间：
2019-01-13 17:15:57
阅读次数：
187
CSS3 选择器 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 "CSS" 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。） 选择器例子例子描述CSS .class .intro 选择 class="intro" 的所有元素。 1 #id #fi ...
分类：
Web程序 时间：
2019-01-12 21:49:50
阅读次数：
210
