CSS 层叠样式表 基础知识

来源:互联网 发布:新版淘宝二手手机回收 编辑:程序博客网 时间:2024/05/18 03:03

CSS

3种引用方式:

同一文档的:

1.直接在标签内部

2.在head部分

在外部定义

3.在外部声明CSS引用


外部CSS文件中


1.标签选择器

标签{  XXXXXXXXXXXx}

===》(派生选择器)关联选择器:  可以指定嵌套的Html的标签的Style

a font {xXXXXXXXXXXXX} 例如这样就可以设置到 所有的<a>标签下的font的style

=====》组合选择器:标签,标签,...............{XXXXXXXXXXXXX} 就是选择器的分组  这些同一组的选择器都是共享同一个style设置的




2.id选择器

#id {XXXXXXXXXXXX}

常用于<div id=" "> 中  和div标签一起用

3.类选择区

.类名 {XXXXXXXXXXX}     

常用语<div class=" "> 声明的class标签里使用

当然在 每个HTML的标签里 都可以进行id 和class的设置;


css就近原则:

选择器  会就近选择属于哪一部分,会有近处的覆盖 全局的 样式


CSS框模型

margin 外边距:top right    foot  left  上右下左的默认排序    也可以单个设置

padding 内边距: top right   foot   left    内部元素与边界的距离  是内边距

border  边框:好多好看的样式  都有这个设置的 



Ok  随便写写