CSS
温柔女魔头
这个作者很懒,什么都没留下…
展开
-
浮动
元素的浮动是指设置了浮动属性的元素会脱离标准普通流的控制,移动其父元素中指定位置的过程语法格式Float:属性值(left right none)Display:inline-block 将块元素转换为行内块元素,可以放在一行上,有宽度和高度,但是这种布局方式,每个盒子直接有空隙,几乎是不可能去掉的。浮动特性浮动脱离标准流,不占位置,浮动元素总是找离它最近的父元素对齐,...原创 2019-01-14 12:02:54 · 121 阅读 · 0 评论 -
携程网
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&q原创 2019-01-17 00:20:19 · 274 阅读 · 0 评论 -
无缝滚动的小图片
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&q原创 2019-01-16 22:46:37 · 112 阅读 · 0 评论 -
旋转轮播图
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&q原创 2019-01-22 17:27:57 · 186 阅读 · 0 评论 -
奔跑的小汽车
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href="inde原创 2019-01-16 22:15:50 · 172 阅读 · 0 评论 -
两面翻转的图片
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&q原创 2019-01-16 18:09:24 · 300 阅读 · 0 评论 -
定位
一、元素的定位属性主要包括2种:定位模式和边偏移1.边偏移:属性值:top 顶端偏移量,定义元素相对于其父元素上边线的距离 bottom低端偏移量,定义元素相对于其父元素下边线的距离 left左侧偏移量,定义元素相对于其父元素左边线的距离 right右侧偏移量,定义元素相...原创 2019-01-16 18:07:06 · 174 阅读 · 0 评论 -
旋转的楚乔传
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&q原创 2019-01-16 16:53:03 · 290 阅读 · 0 评论 -
3D实现开门大吉
HTML部分代码 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" hr原创 2019-01-16 16:43:20 · 448 阅读 · 0 评论 -
标签的显示模式
显示模式 定义 常见元素 典型元素 特点 块级元素 每个块元素独自占据一行或多行,可以对其设置宽度,高度,对齐等属性,常用于网页布局和网页结构的搭建 <h1>-<h6> <div>,<ul&...原创 2019-01-14 12:05:14 · 90 阅读 · 0 评论 -
CSS字体样式属性
font-size 字号大小一般推荐使用相对长度(px ,em),不推荐使用绝对长度(in,cmm,mm,pt)font-family 字体1.可以同时指定多个字体,中间用英文状态的逗号隔开,英文字体一般不需要加引号,中文字体需要添加英文状态下的引号,当需要设置英文字体时,英文字体必须位于中文字体之前2.现在网页中普遍使用14px+3.尽量使用偶数数字字号,IE6等老版本浏览器...原创 2019-01-14 12:04:48 · 95 阅读 · 0 评论 -
选择器
选择器命名:a、长名称或者词组可以使用横线b、不建议使用-下划线c、不要使用纯数字,中文等命名,尽量使用英文字母来表示1、标签选择器标签名(元素名){属性1:属性值1; 属性2:属性值2}标签选择器的优点是快速为页面中同类型的标签统一样式,但是同时也是他的缺点,不能设计差异化样式2、类选择器.类...原创 2019-01-14 12:04:24 · 71 阅读 · 0 评论 -
CSS外观属性
CSS外观属性color 文本颜色line-height 行间距text-aline水平对齐方式text-indent 首行缩进letter-spacing字间距word-spacing 单词间距word-break 自动换行颜色半透明color:rgba(r,g,b,a)a是透明的意思 a的取值0-1之间,4个参数,不能省略文字阴影text-sha...原创 2019-01-14 12:03:58 · 89 阅读 · 0 评论 -
盒子模型
盒子边框 border:border-width || border-style ||border-color div{border:1px solide red}; border-style常用属性: none 无 solid 实线 dashed 虚线 dotted 点...原创 2019-01-14 12:03:31 · 122 阅读 · 0 评论 -
仿携程网
HTML部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <link rel="stylesheet" href=&q原创 2019-01-17 00:23:00 · 1484 阅读 · 0 评论