CSS学习

最新推荐文章于 2024-09-09 10:37:31 发布

重开之Java程序员

最新推荐文章于 2024-09-09 10:37:31 发布

阅读量120

点赞数

文章标签： css html 前端

本文链接：https://blog.csdn.net/weixin_51971817/article/details/124927816

版权

CSS概述

css是Cascading Style Sheets（级联样式表）
css是一种样式表语言，用于html文档控制外观，定义布局等功能，如果把html比喻一辆车的话，那么css就是让这辆车更加的美观好看，可以说css就是化妆品
css可以写在html文件里面，也可以单独作为一个文件存在，不过css是html中的一部分
css与html的关系：

html是网页的内容

css是定义网页的样式

基本语法

行内样式表

行内样式表，又可称为内联样式、行间样式、内嵌样式。是通过style标签属性来设置元素样式的。

例如：

<p style = "color:red;font-size:25px;font-family:隶书;"> 这个段落应用了样式 </p>

内嵌样式表

内嵌样式是将css代码集中写在html文档的head标签中，并且用style标签定义

<html> 
<head> 
<title>样式规则</title>
<style type="text/css"> 
p { color:red; 
    font-family:"隶书";
     font-size:24px;
     } 
</style> 
</head> 
<body> 
<p>这是一段有个性的文字</p>
</body> 
</html>

外部样式表

外部样式表是将所有的样式都放在一个或多个以.CSS为扩展名的外部文件中，通过link标签将所有外部样式表文件链接到html文档中

使用link（链接）标签 : 
<head> 
<link href="style1.css" rel="stylesheet " type=" text /css"> 
<style type=" text /css"> 
</style>
</head>

选择器

要是用CSS对html的页面中的标签实现一对一，一对多的控制，这就需要用到css选择器了
- 常用的选择器：
  - 标签选择器：通过标签选择器可以选择页面中的所有指定标签
  语法：标签名 {}
  - 类选择器：通过标签的class属性值选中一组标签
  语法：.class属性值{}
  - id 选择器：通过标签的id属性值选中唯一的一个标签
  语法：#id属性值 {}
  - 选择器组合：通过选择器分组可以同时选中多个选择器对应的标签
  语法：选择器1,选择器2,选择器N{}
  - 通配选择器:可以用来选中页面中的所有的标签
  语法：*{}

常用的属性

我们可以在该网址下CSS3 边框 | 菜鸟教程具体学习常用的属性以及更多的属性

重开之Java程序员

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS学习

CSS概述 css是Cascading Style Sheets（级联样式表） css是一种样式表语言，用于html文档控制外观，定义布局等功能，如果把html比喻一辆车的话，那么css就是让这辆车更加的美观好看，可以说css就是化妆品 css可以写在html文件里面，也可以单独作为一个文件存在，不过css是html中的一部分 css与html的关系： html是网页的内容 css是定义网页的样式基本语法行内样式表行内样式表，又可称为内联样式、行间样
复制链接

扫一扫