CSS cascading style sheet

最新推荐文章于 2024-07-23 14:07:14 发布

m0_48468417

最新推荐文章于 2024-07-23 14:07:14 发布

阅读量160

点赞数

文章标签： css javascript 前端

本文链接：https://blog.csdn.net/m0_48468417/article/details/125689327

版权

html+css+javascript

结构+表现+交互

css怎么用（快速入门）

css选择器（重点，难点）

美化网页（文字，阴影，超链接，列表，渐变）

盒子模型

浮动

定位

网页动画（特效）非重点

1.1CSS

Cascading Style Sheet 层叠级联样式表

CSS：表现美化网页

css的优势：

1.内容和表现分离

2.网页结构表现统一，可以实现复用

3.css的样式十分丰富

4.独立于html的css的文件

5.利用SEO，容易被搜索引擎收录

css的3种导入方式

内联：

页级：

外联：link

@import

选择器：

作用：选择页面上某一个或者某一类元素

1.标签选择器：选择一类标签标签{}

2.类选择器class：选择所有class属性一致的标签，跨标签 .类名{}

3.id选择器：全局唯一 #id名.{}

层次选择器

/*后代选择器*/
  /*body p{*/
  /*  background: yellow;*/
  /*}*/
/*  子类选择器*/
/*  body>p{*/
/*    background: red;*/
/*  }*/
/*  相邻弟选择器：只有一个，相邻向下一个*/
/*  .active + p{*/
/*      background: blue;*/
/*  }*/
/*  通用兄弟选择器，当前选中元素的向下的所有兄弟元素*/
  .active~p{
      background: green;
  }