大神养成计划之崭露头角第二天css笔记

：：12}作为body的后代元素可以继承至body身上的样式

只能给a来设凡是说到优先级一定是该选择器直接选中了当前的行内样式>ID选择器>类选择器>选择第一件：先去找多个选择器里面有ID选择器的个数再找选择器个ID选择器的个数,类选择器的个数,选择器的个数不管是多少个选择器它都干不过一个类选择器ID选择器CSS!importantimportant在英文中含义是“重要的!importantCSS它主要是用来提升属性的权重属性:值一定要注意!important的语则属性:值属性:值 不能将!important写在分号的外面一定要写在分号的里属性:值 1、!important上图的效果：文本的颜色是听!important，但是文本的修饰线是听类选择器 也是就是!imporant它只是提升了属性的权重。并没有提升选择器优先级！2、!importantclass一个内可以携带多个类名，指的是class的属性值可以有多个，每一个属性值之间使用<名class=”值1 值2 值3”></名>CSS如果说一个内的多个类名，它们设置的样式是一样的话，就会存在样式的！CSS中的代码的书写顺序谁写在后面就听谁的！background-colorbackground-image用于给元素设置背景的地址一定放在url(的地址)但是前提这个元素要么有内容，要么有宽度和高度才可以背景默认是background-repeat是用于设置背景是否平铺repeat(是平铺)、repeat-x(水background-position用于设置背景的位置如果要设置背景的位置这个background-position:水平位置垂直位置这两个值的表示方式有三种英文单词固定值可以是负数右下是正 CSS\CSS精灵图在一张大上面放了很多个小我们可以使用CSS中的定位的属性来找到这张大图中的小所在的位置background:简写属性它可以同时设置多个样式比如背景颜色、背景、背景是否平铺水平位置垂直位置backgroundHTMLPSHTML流”的规则：从左至右、从上至下PS软件画图时我们想在哪里画个东西就可以在哪里画 left(向左浮动)向左移动、right(向右浮动) float属性的元素我们就称之为浮动元素！ 不会影响到浮动元素的下面进行排版布局浮动元素的父元素会将浮动元 但是这个方法不建议使用因为一个元素的高度一般情况下不是手动设置的它应该是由其自身的内容来撑高的！使用清除浮动的样式属性clear clear这个属性是于来清除浮动的这个属性有三个值clear:left;清除左浮动clear:right;清除右浮动 divdiv什么都不要放不要给这个div里面放置内容它只做一件就是清除浮动overflow:hidden这个属性来清除浮动overflowoverflow:hidden它原意是用来将溢出的部分进行隐藏overflow:hidden它一般主要是用来将列表的浮动给清除。 overflow:hidden这个方法什么时候需要清除浮动，我们的凡是浮动了元素它影响到下面的元素进行排版的如果没有影响不用管 本质上说只要是浮动了就要清除浮CSS它把HTML的每一个都看作为一个盒里面可以存放内容---→、文本、盒子是用来物CSSCSS(content)+内填充(padding)+边框(border)+外边距(margin)width：指“宽度”的意思但是这里的宽度指的盒子里面的内容的宽度而不是盒子的宽hegiht：指“高度”的意思但是这里的高度指的盒子里面的内容的高度而不是盒子的高border：是“外边框”的意思指的盒子的边框margin：是“外边距”的意思padding是“内填充padding44paddingpadding：这个属性是有方向的可以同时表示四个方向这个属性的方向是有顺序的顺序是顺时针方向也就是：上、右、下、左这个顺序padding:10px20px30px40px*102030padding10px20px30px;1020padding10px 10padding10px;如果说单独设置某一个方向的内填充这个时候我们需要使用到小属性如果说要同时设 margin它表示“外边距margin44个方向对其进行描述margin：简写属性它是有方向的这里的方向是一个顺时针的方向它的方向是的margin:10px;10margin:10px20px;10像素左右两个方向的外边20像素margin:10px20px30px;102030margin:10px20px30px40p;10203040像素marginmarginmargin1margin2margin3marginmarginmargin的值可以是 auto表示“自动”的意思当左外边距与右外边距的值都是使用margin来实现水平居中时一定要有固定的宽度(给这个盒子设置一个宽度)只有块元素可以实现水平居中行内元素是不能实现居中的marginmargintext-align这个属性它是用于实现文本的对齐方式如果其值为center就表示文本 margin第法：给其父元素设置一个边框overflow:hiddenpadding-topmargin属性是用于描述兄弟与兄弟paddingmargin!如果是父子关系要使用父元素的padding而不是使用子元素的关于HTML的默认样因为有一些HTML