HTML-CSS 213

myzbx 2024-12-01 18:29 39 浏览

1)CSS简介

CSS:层叠样式表(Cascading Style Sheets)其作用就是美化HTML页面;一般经常设置的CSS属性比如文字或元素的颜色 color背景颜色 background-color背景图像 background-image　字体 font-family 文字大小 font-size 列表样式 list 鼠标样式 cursor 边框样式 border 外边距 margin 等...

CSS由选择器和声明块组成;其选择器有多种形式比如标签,类,Id等选择器;对单个属性和值要用冒号隔开如果是多个属性时需要使用分号将所有的属性和值分开等

注意:设置字体时一定要设置为绝大多数客户端都有的字体类型

2)CSS嵌入网页的方式

2.1链入外部的样式表文件,其样式文件的扩展名为.css

2.2页面内嵌,一般写在<head>标签内部的<style type="text/css"></style>标签内

2.3元素内联(行内样式),一般写在元素的style属性中

注意:样式的属性会被继承或覆盖,其样式属性应用的优先顺序为:内联>内嵌>外部

<!DOCTYPE html>
<html>
<head>
    <link href="1.css" rel="stylesheet" />
    <title>层叠样式表</title>
    <style type="text/css">
        h6 {
            color: blue;
            font-size: 10px;
        }
    </style>
</head>
<body>
    <h6 style="color:red;font-size:30px;">虎年快乐</h6>
</body>
</html>

页面嵌入CSS样式表的规范(推荐):

1)把尽可能多的样式写到单独的css文件中,以便于复用(相当于C#中的方法)

2)如果是页面特有的样式就写在<style>中

3)如果是元素特有的样式就写在元素的style属性中

CSS样式表的套用规则:嵌入方式的规则不变(内联>内嵌>外部),在此基础上不同级别(选择器)的样式,子级元素会覆盖父级及以上的样式;有些特有的样式还存在浏览器兼容性问题,不再测试说明

CSS样式内容太多想自学的可以去搜索类似"W3School"的网站或者下载"W3School离线手册.chm"

HTML 简介

上一篇：Javaweb开发必备，JavaScript技术详解，JS从入门到精通
下一篇：谁创造了 JavaScript ?

HTML-CSS 213

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

说下你的vue项目的目录结构，该怎么划分?

8.7k star，一款超炫酷的动态可视化大屏项目

这么牛逼的cursor功能，赶紧用起来

用上Vue3，你真的变了吗?（vue3 key）

20个免费音乐音效下载网站，无版权素材商业影片也可用

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331

comfyui安装MimicMotion扩展，AI跳舞动作模仿