css
文章平均质量分 70
不许偷苹果
这个作者很懒,什么都没留下…
展开
-
css3(三)美化网页元素
字体样式 属性名 含义 举例 font-family 设置字体类型 font-family:”隶书”; font-size ...原创 2018-08-26 17:42:12 · 296 阅读 · 0 评论 -
css(十二)多列、媒体查询
columns多列(瀑布流) columns:复合属性设置列的宽度和列数 column-width:指定列的宽度 column-count: 指定元素应该被分割的列数。 column-gap:指定列与列之间的间隙 column-rule:复合属性(简写)设置列之间的边框样式 column-rule-width:指定两列间边框的厚度 column-rule-style:指定两列间边框...原创 2018-09-02 09:31:37 · 157 阅读 · 0 评论 -
css3(六)文字、背景和边框相关样式
文字阴影 text-shadow:length length length color; 说明:阴影X轴偏移 阴影Y轴偏移 阴影模糊值 阴影颜色多层阴影效果: text-shadow: length length length color,                 &原创 2018-08-29 22:16:01 · 685 阅读 · 0 评论 -
css3(二)选择器
基本选择器标签选择器 HTML标签作为标签选择器的名称 语法<style type="text/css"> p{ color:red; }</style><body> <p>内容</p></body>类选择器<style type=&q原创 2018-08-25 19:11:41 · 160 阅读 · 0 评论 -
css3(十一)练习动画轮播图
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;title&gt;zy075&lt;/title&am原创 2018-09-01 15:55:11 · 281 阅读 · 0 评论 -
css3(十)练习导航栏
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>导航</title> <style type="text/css">原创 2018-09-01 15:52:28 · 388 阅读 · 0 评论 -
css3(九)动画--页面特效
CSS3的动画需要遵循@keyframes规则 属性 描述 @keyframes 规定动画。 animation 所有动画属性的简写属性,除了 animation-play-state 属性。 animation-name 规定 @keyframes 动画的...原创 2018-09-01 11:18:31 · 185 阅读 · 0 评论 -
css3(八)2D、3D转换、过渡
transform属性向元素应用2D或3D转换2D转换方法: translate() 移动 rotate() 旋转 scale() 缩放 skew() 倾斜 transform-origin:x-axis y-axis z-axis;改变中心点 matrix() 方法把所有 2D 转换方法组合在一起 示列transform:translate...原创 2018-08-31 23:55:42 · 184 阅读 · 0 评论 -
css3(一)基础概念
CSS的概念 表现HTML或XHTML文件样式的计算机语言 包括对字体、颜色、边距、高度、宽度、背景图片、网页定位等设定CSS的优势 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使得页面布局更加灵活 减少网页的代码量,增加网页的浏览速度,节省网络带宽 运用独立于页面的CSS,有利于网页被搜索引擎收录CSS基本语法结构(内部样式) style标签:css标签添加在he...原创 2018-08-24 20:03:52 · 490 阅读 · 0 评论 -
css3(五)浮动、定位、溢出处理
浮动float属性 left:元素向左浮动 right:元素向右浮动 none:默认值。元素不浮动,并会显示在其文本中出现的位置 浮动元素不在标准文档流中清除浮动clear属性 left:在左侧不允许浮动元素 right:在右侧不允许浮动元素 both:在左、右两侧不允许浮动元素 none:默认值。允许浮动元素出现在两侧定位position属性static:默认值,没有定位...原创 2018-08-28 23:29:42 · 731 阅读 · 0 评论 -
css3(七)练习图片重叠展开效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>admin</title> <style type="text/css">原创 2018-08-30 21:28:53 · 949 阅读 · 0 评论 -
css3(四)盒子模型
什么是盒子模型 所有HTML元素可以看作盒子,无论是div、span、还是a都是盒子 但是,图片、表单元素一律看作是文本,它们并不是盒子。这个很好理解,比如说,一张图片里并不能放东西,它自己 就是自己的内容。 一个盒子中主要的属性就5个:width、height、padding、border、margin width和height:内容的宽度、高度(不是盒子的宽度、高度)。 borde...原创 2018-08-27 21:46:02 · 248 阅读 · 0 评论 -
css3(十三)导航before练习
&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;导航&lt;/title&gt;原创 2018-09-02 17:16:01 · 238 阅读 · 0 评论