HTML-CSS 213

zhezhongyun 2024-12-01 19:24 72 浏览

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

相关推荐

b端详情页:各种信息聚集地，设计师要如何规划这一亩三分地呢

漏洞系列一一看我一招征服漏洞 SSRF

接口测试遇到500报错?别慌，你的头部可能有点问题

Web前端需要学什么?Web前端开发需要学习哪些?

前端Flex布局可视化布局工具介绍，vue和html5快速设计利器

「资讯」为强迫用户使用Edge浏览器，微软又出新招数

HTML 简介（html简介及优缺点）

HBuilderX，uni-app创建HTML5项目，同时支持浏览器和移动端

关于HTML5被简称做H5，你怎么看?（html5缩写）

现在页面实时聊天都使用Websocket技术实现吗?