CSS中属性的详细运用（新手必看）

CSS中属性的详细运用（新手必看）

=不同的浏览器有不同的默认字体大小font-size

这里以谷歌浏览器为准字体大小为10px   （其他浏览器是12px）

 

1.这里强调一个备注：属性继承

a 是特殊的，要改变a里面的颜色，必须在它后边直接给a设置，给a的父级设置是没有用的

属性继承：明明是父级上设置的样式，结果后代标签也跟着发生变化，这就叫属性继承。

 

2.哪些属性可以继承？

例如：  color（字体颜色） font 这一列的也会继承（font-size，font-style，font-family，font-weight）

 

这里讲一个新的选择器，继续在上次说的六个选择器中加一个（标签名 ，id，class，后代，子代，交集）

通配符选择器  用（* ）表示所有的标签。

 

3. background 背景

背景颜色：background-color：red；  （简写：background：red；）

背景图片：background-images：url（ 括号里面的是图片的路径）；   简写：background：url（   ）

备注：标签请求外面资源 有三种属性：href src  url

背景图片平铺有哪些

（1）：平铺（浏览器默认的就是平铺）

（2）：不平铺（no-repeat）

（3）：平铺x轴或y轴     background-repeat：repeat-x；

背景大小

background-size：属性值 有哪些写法？

（1）可以设置具体的大小 200px 200px   ； auto自适应 （一般做属性值）

背景位置 background-position    它是用坐标轴表示的  向下为正， 向右为正数

背景简写

 

 

 边框用  border

border 简写：颜色 粗细   实虚；

边框圆角是：border-radius   后边的值是具体的数字或百分比

 

剩下的下章再给大家讲~

下章见

 

posted on 2018-09-12 15:58  blankOne 阅读( ...) 评论( ...) 编辑 收藏

转载于:https://www.cnblogs.com/blankOne/p/9633808.html