CSS
文章平均质量分 84
伊莉丝
这个作者很懒,什么都没留下…
展开
-
CSS基础(一)--选择器与权重计算
CSS基础选择器html负责结构,CSS 负责样式,Js负责行为。标签选择器用标签名当选择器所有标签都能当选择器,例如body,h1,dl,ul等无论层级多深,都能选中选择的是所有,而不是某一个标签,所以是共性,不是特性。 h1 { color: blue; }ID选择器#表示id #rc { color: red;原创 2017-08-26 21:47:53 · 666 阅读 · 0 评论 -
CSS基础(一)--选择器与权重计算练习
一<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> /*1.选中了标签 * 2.权重是 1 1 1 */ #box1 .hezi2 p {原创 2017-09-05 22:04:52 · 532 阅读 · 0 评论 -
CSS基础(二)--盒模型与浮动练习
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http原创 2017-09-28 22:19:48 · 255 阅读 · 0 评论 -
CSS基础(五)--行高、a标签及background属性
行高和字号行高CSS中,所有的行,都有行高。盒模型的padding,绝对不是直接作用在文字上的,而是作用在文字“行”上的。文字,是在自己的行里面居中的。为了严格保证字在行里面居中,我们的工程师有一个约定: 行高、字号,一般都是偶数。这样,它们的差,就是偶数,就能够被2整除。单行文本垂直居中文本在行里面居中。 公式:行高=盒子高;<!DOCTYPE html><html lang="en"><h原创 2017-10-08 18:53:11 · 1381 阅读 · 0 评论 -
CSS基础(二)--盒模型与浮动
盒模型认识width和height一个盒子中主要的属性有5个:width、height、padding、border、margin。 width是“宽度”的意思,CSS中width指的是内容的宽度,而不是盒子的宽度。 height是“高度”的意思,CSS中height指的是内容的高度,而不是盒子的高度。 padding是“内边距”的意思。 border是“边框”。 margin是“外边距”原创 2017-08-28 06:37:36 · 351 阅读 · 0 评论 -
CSS基础(三)--清除浮动的影响
浮动带来的影响<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> li{ float: left; } </style></head><body>原创 2017-09-29 07:11:10 · 379 阅读 · 0 评论 -
CSS基础(四)--Margin
margin的塌陷现象标准文档流中,竖直方向的margin不叠加,以较大的为准。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> .first{ width: 300px;原创 2017-10-03 10:19:16 · 226 阅读 · 0 评论