当前位置：凯发k8官方网 > 前端技术 > css >内容正文

css

css样式学习 -凯发k8官方网

发布时间：2024/9/19 css 15 豆豆

凯发k8官方网收集整理的这篇文章主要介绍了 css样式学习小编觉得挺不错的,现在分享给大家,帮大家做个参考.

css样式学习

1.css概述

css（cascading style sheet）:是一种层叠样式表语言

css的作用是修饰html页面，设置html元素的样式，让html页面更加好看。

css样式能写在html文件中，css的存在就是修饰html。

html中使用css样式的方法

方式一：在style属性中设置元素的css样式，这种方式称为内联定义格式： <标签 style="样式名:样式值;样式值:样式名······">标签>方式二：样式块（在head标签当中使用style块）格式： <head><style>选择器{样式名:样式值；样式名:样式值；······ }选择器{样式名:样式值；样式名:样式值；······ }style> head>第三种方式：链入外部外部样式表文件（将样式写到一个独立的xxx.css文件中）链入语法格式：<link type="text/css" rel="stylesheet" href="文件路径"/> 这种方式易于维护

第一种方式：

<html><head><meta charset="utf-8"/><title>html中用css样式第一种方式title>head><body><div style="width:300px;height:300px; border:1px solid black">div><div style="width:300px;height:300px;background-color:red ; border-width:1px; border-style:solid">div>body> html>

第二种方式引入：

<html><head><meta charset="utf-8"/><title>html中用css样式第一种方式title><style>/*css注释*//*id选择器，选择某个id使用{}中的样式,id唯一*/#use{color:red;font-size:10px;}/*标签选择器*/div{background-color:blue;}/*类选择器*/.mystyle{background-color:red;}/*1)css定义位置的优先级：（离元素越近，优先级越高） “元素上的style” > “文件头上的style元素” >“外部样式文件”特例：如果外部样式放在内部样式的后面，则外部样式将覆盖内部样式。2）关于选择器的优先级：(越精确，优先级越高) id选择器指定的样式 > 类选择器指定的样式 > 元素类型选择器指定的样式*/style>head><body><div id="use">这里是div块,使用了id选择器div><div >这里是div块,使用了id选择器div>body> html>

css样式定义的优先级顺序总结https://blog.csdn.net/zztfj/article/details/6731008

第三种方式

<html><head><meta charset="utf-8"/><title>html中用css样式第一种方式title><link rel="stylesheet" type="text/css" href="文件路径"/>head><body><div>div>body> html>

本文只介绍简单的样式，不做深入探索。
下一章：js基础总结https://blog.csdn.net/qq_43203949/article/details/106404883.

总结

以上是凯发k8官方网为你收集整理的css样式学习的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得凯发k8官方网网站内容还不错，欢迎将凯发k8官方网推荐给好友。

样式
css