网站首页 > 知识剖析正文

HTML-CSS 213 圣诞树代码html

nixiaole 2024-11-11 15:21:46 知识剖析 10 ℃

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"

上一篇： Web前端进阶高薪必会的54个CSS重难点知识梳理(1)
下一篇： CSS 链接样式 css链接样式的写法

网站首页 > 知识剖析 正文

HTML-CSS 213 圣诞树代码html

猜你喜欢

网站首页 > 知识剖析正文