摘要: css013 构建基于浮动的布局基于浮动的布局时利用float属性是网页上的元素并排,并创建列float有三个值:left 、right 、none1、假设要把一张图片浮动到网页的左侧.float-left{ float:eft;}假如要把一个装满内容的浮动到一边,形成一个侧边栏.sidebar{ ... 阅读全文
posted @ 2016-01-07 22:49 liaoali 阅读(189) 评论(0) 推荐(0) 编辑
摘要: css012 css布局简介一、 网页布局的类型网页布局的类型1、固定宽度2、流式3、相应式web设计二、 如何进行css布局1、强大的标签网页的html代码数量应该尽可能减到最少,尤其是div标签的嵌套,当使用div标签有助于网页布局设计时,就很好用。但是并不是div嵌套的越多越好。2、html5... 阅读全文
posted @ 2016-01-07 22:48 liaoali 阅读(187) 评论(0) 推荐(0) 编辑
摘要: 1、选择器类型标签选择器,类选择器,ID选择器,组合选择器,伪类和伪元素,属性选择器,子选择器,同胞选择器, :not()选择器1、同胞选择器相邻同胞标签:h2 + p{ color:red; }选择每个h2标签后面的直接相邻的段落(其中空格可选。(可选,就是可有可无,意思都一样))同胞标签:h2 ... 阅读全文
posted @ 2016-01-06 21:27 liaoali 阅读(168) 评论(0) 推荐(0) 编辑
摘要: css010 css的transform transition和animation看着没有一个能想起他们是干什么的。。1、 Transform Transform(变形)rotate(旋转)transform:rotate(10deg); 顺时针旋转10度 (deg角度的度量单位)scale(缩放)... 阅读全文
posted @ 2016-01-06 21:19 liaoali 阅读(313) 评论(0) 推荐(0) 编辑
摘要: css011 表格和表单的格式化一、 让表格专司其职 Html中创建一个三行三列的表格 table 1:cosmofarmer.com's indoor mower roundup brand price power hello $988 lal hi $1000 la... 阅读全文
posted @ 2016-01-06 21:19 liaoali 阅读(263) 评论(0) 推荐(0) 编辑
摘要: css009 装饰网站的导航1、 选择定义样式的链接1、连接的状态:A、未访问 a:link{C;}B、已访问 a:visited{ color : red; }C、鼠标经过变化 a:hover{ color : red; }D、活跃 a:active{ color : red; }2、可以给不同的... 阅读全文
posted @ 2016-01-06 21:18 liaoali 阅读(153) 评论(0) 推荐(0) 编辑
摘要: css008 给网页添加图片1、 css和标签 1、标签是html的添加图片的标签,一般为: 2、css中添加图片:? 3、经常用来处理图片的css属性: A、border(边框):每条边框都可以设置不同的颜色样式和宽度 B、padding(填充):在边框和图片之间添加空间,空间中可以设置背景色等各... 阅读全文
posted @ 2016-01-06 21:17 liaoali 阅读(1188) 评论(0) 推荐(0) 编辑
摘要: css007 margin padding border1、理解盒模型(盒模型:就是把一些东西,包括html各种标签都包含在一个看不见的盒子里) 1/在web浏览器中任何标签都是一个盒子,内容的周围环绕着装饰盒子的不同属性 Pad ding:内容和其框线之间的距离 Margin:一个标签和另一... 阅读全文
posted @ 2016-01-04 22:52 liaoali 阅读(176) 评论(0) 推荐(0) 编辑
摘要: css006 文本格式化文本格式化:字体(font-family)、颜色(color)、字号(font-size)、行距(line-height)、粗体(font-weight)、斜体(font-style)、背景(background)、间距(word-spacing/letter-spacing... 阅读全文
posted @ 2016-01-04 21:19 liaoali 阅读(234) 评论(0) 推荐(0) 编辑
摘要: css005 用层叠管理多样式当一个元素继承多个样式时,最近的祖先样式胜出(通俗一点就是自己有就用自己的,自己没有找parent,parent没有找grandprent,再没有就一级一级网上找)当一个标签多个样式时,用权值决定哪种样式胜出。如:标签选择器 1分 img{}类选择器 10分 .clas... 阅读全文
posted @ 2016-01-03 22:33 liaoali 阅读(168) 评论(0) 推荐(0) 编辑