1
2
3
4
5
6
7
8
  • 表单
9
  • CSS组件
10
  • JavaScript插件
11
  • 第三方扩展
12
  • 综合案例

CSS基础回顾

发布时间:2020-03-14 18:36   发布人:朱丽文   浏览次数:301

二、CSS


CSS——Cascading Style Sheet。层叠样式表,简称样式表。

可以将CSS理解为对HTML标记属性的扩展和增强——提高了html的表现力。

CSS并不增加新的HTML标记,也不改变HTML文档结构,只是通过新增css属性,强化了对html元素的描述,使得HTML表现力更强大,做出的网页更精致,对网页上每一个元素的控制更加精准。


CSS都定义了哪些新的属性?

百度搜索:CSS属性大全

也可以直接看这里:https://www.w3school.com.cn/cssref/index.asp

这个也不错:CSS常用属性大全



如何使用CSS?

1.用 style 属性,直接写在html标记中。

   <p  style="font-size:100px ; line-height:200%"> ... </p>

 

2.用<style>标记,写在网页<head>标记中。

   <style type="text/css">

    p{

       font-size:20px;

       line-height:200%;

    }

  </style>


3.用<link>标记,将css写在一个独立文件中,使用时在<head>中引用(网站开发中最常见方式)。

<link rel="stylesheet"  href="css/index.css">


什么是CSS选择器?

用来指定将本CSS作用于网页中哪些元素的方法。换言之,是一种选择网页中满足某些条件的元素的方法。

常用:标记选择器、class选择器、id选择器、通配符选择器。

高级:迭代选择器、并集选择器...

这篇文章总结的很好:https://blog.csdn.net/DYD850804/article/details/80997251


·CSS回顾综合练习——改造上面简单的HTML网页

1.jpg

2.jpg