css基本使用

最新推荐文章于 2024-08-18 22:35:37 发布

大嘴ba子.

最新推荐文章于 2024-08-18 22:35:37 发布

阅读量36

点赞数

文章标签： css 前端

本文链接：https://blog.csdn.net/weixin_63463922/article/details/131707382

版权

CSS用于定义HTML元素的显示方式，如布局、字体和颜色。样式通常存储在外部样式表中，也可内联或内部引用。基本样式包括宽度、高度和背景色。行级标签不接受宽高设置，而块级标签独占一行。CSS引入方式有内联、外联和内部样式表。样式表的优先级由选择器类型决定，行内样式优先级最高。

摘要由CSDN通过智能技术生成

css概述

1. CSS 指层叠样式表 (Cascading Style Sheets)

1. 样式定义如何显示 HTML 元素

1. 样式通常存储在样式表中

1. 多个样式定义可层叠为一个

.css作用

css是可以把页面布局，字体布局，背景颜色，字体颜色修改的，就好比毛坯房和精装房的区别。HTML可以把网页的元素铺出来，css把HTML页面进行美化。

css基本样式

文档流的顺序：上左下右

行级标签：按照文档流的顺序依排列

块级标签：独占一行次排列

CSS基本语法

1 <style> 2    h1{
3        color: aqua;
4	}
5	/* h1是选择器，{}里color:coral; 是声明 */
6	/* color是属性，coral是值 */
7	</style>
8	<body>
9	<h1>欣知大数据</h1>
10	</body>

基本样式

宽：width:100px;

高：height:100px;

背景颜色：background-color: aqua;

注意：行级标签设置的宽高不起作用，行级标签的宽高根据内容的大小自适应。

注释

css注释以 /* 开始，以 */ 结束。

三、css引入方式

内联式Inline（也叫行内样式）：应用内嵌样式到各个网页元素。

<style>

/* 基础样式

1.width 宽

2.height 高

3.background-color 背景颜色

4.list-style ：none；清除li默认样式

.行内引入

<p class="classname" id="idname" style="background-color: aqua;">这是另一个<span class="red-color">段落</span>标签</p>

css样式表优先级

/* 优先级

1000 ！important 设置最高优先级；一般不建议用，改源码时可以用

*优先级最低 < 1

标签选择器 < 10

.class <100

#id 200 <

行内引入方式 <

!important

.class #id > #id

组合选择器时，按优先级顺序叠加，谁大谁生效

大嘴ba子.

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
css基本使用

段落
复制链接

扫一扫