一个准备探索这片大地的菜鸟的博客

css  层叠样式表，也就是给我们的网页增添样式，比如对文字进行修饰，添加颜色等         div  也就是一个box模型，div标签本身无任何意义，只是用来划分区域，通过划分区域对网页进行布局。         目前css+div布局是最流行及通用的布局，没有之一~~~         那么，css+div布局有什么优点和缺点呢？         缺点： 1）复杂度高，相

我们知道，css是给网页增加样式，那么它是如何被应用到我们的html网页中来的呢？         总共有四种引入方式，详细介绍如下：

css选择器 /*标签选择器*/ li{ font-size: 35px; } /*id选择器 #two 选择的是ID为two的元素 */ #two{ color: red; } /*class选择器 .ls 选择的是class为ls的元素*/ .ls{ color: blue; } /*交叉选择器 li.ls选择的是标签是Li，并且class是ls的

css继承性和叠加性 /*css继承性 子元素可以继承父元素的文字相关的样式*/ h1{ font-size: 50px; color: blue; } /*css叠加性 不同选择器给同一个元素加不同的样式，可以同时生效 不同选择器给同一个元素加相同的样式，根据优先级进行生效，与放置的位置无关（PS：优先级后面更新） */ #title{ color: purple;

p{ border: solid 3px orange; width: 500px; height: 40px; } a{ border: solid 3px orange; width: 500px; height: 40px; } img{ width: 300px; height: 300px; } 1、能待在一行 2、能设置宽高 常见

控制文字的css样式 h1{ width: 500px; height: 200px; border: 3px solid purple; color: blue; /*文字字体 电脑上需安装该字体才生效 第一种字体没有，默认使用第二种，依次类推*/ font-family: 微软雅黑, 宋体, 隶书; /*控制文字水平位置 right left center ju

盒子模型 /*大部分HTML元素的盒子属性（padding,margin)都默认为0 有少数HTML元素的浏览器默认值不为0，例如body p ul li  form 标记等，因此我们有时有必要先设置它们的这些属性为0 CSS全局reset*/ *{ padding: 0; margin: 0; } #box{ width: 400px; /*边框 粗细 样式 颜色*/