`

HTML+CSS基础

    博客分类:
  • css
 
阅读更多

学习了css样式之前用html

<body bgcolor-"#FF0000">

 同样可以用css这样来写:

body{
background-color:#FF0000;
}

 选择器:表明花括号中的属性设置将应用于哪些HTML元素例如“body”

 

属性:例如用于设置背景颜色的属性“background-color”等等

value:比如说background-color(背景颜色)属性的值可以是“#FF0000代表红色”

方法1 内部样式表(style元素)

为html应用的css的一种方法是使用html属性style我们在上例的基础上,通过内样式表将页面背景设为红色

<html>
    <head>
        <title>例子</title>
    </head>
    <style type="text/css">
    body{background-color:#FF0000;}
    </style>
    <body>
    <p>这个页面是红色的</p>
    </body>
</html>

 方法 2 行内样式表(style属性)

<html>
    <head>
        <title>例子</title>
    </head>
    <body style="background-color:#FF0000;">
        <p>这个页面是红色的</p>
    </body>
</html>

 当然还有第三种啦

 

方法3:外部样式表,引用一个样式表文件(怎么将一个外部样式表引入HTML文档中,如下:

<link rel="stylesheet" type="text/css" href="外部样式表的路径"/>,这行代码必须被插入HTML代码的头部。即放在<head></head>标签之中)

 

<html>
    <head>
        <title>外部样式例子</title>
        <link rel="stylesheet" type="text/css" href="外部央视路径"/>

    </head>
    <body>
    </body>
</html>

创建两个文件一个html还有css,然后进行引用 

 

color  颜色

background-color 背景颜色

background-image背景图片

repeat-x x方向平铺 repeat-y y方向平铺 repeat x-y方向平铺 no-repeat 不平铺...

分享到:
评论

相关推荐

    html + css 基础学习.zip

    html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css 基础学习html + css...

    html+css基础代码

    本资料包“html+css基础代码”显然是为了帮助初学者理解这两门语言的基础知识。 HTML是一种标记语言,它使用一系列预定义的标签来告诉浏览器如何呈现网页内容。例如,`&lt;html&gt;`标签定义整个HTML文档的开始,`&lt;head&gt;`...

    HTML+CSS基础知识点.pdf

    HTML+CSS 基础知识点总结 HTML+CSS 是前端开发的基础技术,掌握 HTML、CSS 和 JavaScript 语言是必不可少的。下面是 HTML+CSS 基础知识点总结: 1. HTML 是网页内容的载体,内容就是网页制作者放在页面上想要让...

    JavaSE html+CSS基础笔记归纳.zip

    总结来说,"JavaSE html+CSS基础笔记归纳.zip" 包含的内容是JavaSE的基础知识,HTML和CSS的网页设计,MySQL数据库的使用,以及Java面试的常见问题。对于初学者或复习者来说,这些资料可以帮助巩固基础,提升技能,并...

    html+css的基础学习.zip

    html+css的基础学习html+css的基础学习html+css的基础学习html+css的基础学习 html+css的基础学习html+css的基础学习html+css的基础学习html+css的基础学习 html+css的基础学习html+css的基础学习html+css的基础学习...

    html+css考试题及答案.docx

    html+css考试题及答案.docx

    HTML+CSS基础考题含答案.rar

    本压缩包文件“HTML+CSS基础考题含答案.rar”显然是一份针对初学者或正在学习这两种技术的人准备的学习资源,其中包含了相关的考题及解答,旨在帮助提升对HTML和CSS的理解。 HTML是一种标记语言,用于定义网页的...

    html+css基础笔记

    html+css基础笔记

    前端基础的学习html+css.zip

    前端基础的学习html+css前端基础的学习html+css前端基础的学习html+css 前端基础的学习html+css前端基础的学习html+css前端基础的学习html+css 前端基础的学习html+css前端基础的学习html+css前端基础的学习html+css...

    HTML+CSS基础教程-介绍HTML和CSS的基础知识 学习HTML基础语法、标签、CSS基础语法和选择器

    html----HTML+CSS基础教程(课件PPT版)----介绍HTML和CSS的基础知识。学习HTML基础语法、标签、CSS基础语法和选择器,以及它们的基本用法。

    html+css基础知识总结

    能快速准确的看出html+css基础标签和样式的作用

    基于 html + css基础期末大作业 品优购页面制作源码+文档+高分项目+全部资料.zip

    基于 html + css基础期末大作业 品优购页面制作源码+文档+高分项目+全部资料.zip 【备注】 1、该项目是个人高分项目源码,已获导师指导认可通过,答辩评审分达到95分 2、该资源内项目代码都经过测试运行成功,功能ok...

    尚硅谷前端入门html+css零基础教程,零基础前端开发html5+css3视频尚品汇项目源码

    【标题】中的“尚硅谷前端入门html+css零基础教程”指的是一个由尚硅谷教育机构提供的,面向初学者的前端开发课程,主要涵盖了HTML(超文本标记语言)和CSS(层叠样式表)的基础知识。这个教程是为那些对前端开发...

    HTML+CSS基础学习源代码(含有新增HTML5属性)

    本资源包提供的是HTML+CSS基础学习的源代码,特别强调包含了HTML5的新特性。 HTML5是HTML的最新版本,它在原有的基础上引入了许多新元素、属性和功能,旨在提升网页的互动性和可访问性。以下是一些HTML5新增的重要...

    基于HTML+CSS+JavaScript完成简单的网页制作源码+项目报告.zip

    【资源说明】 基于HTML+CSS+JavaScript完成简单的网页制作源码+项目...3、如果基础还行,也可在此代码基础上进行修改,以实现其他功能,也可直接用于毕设、课设、作业等。 欢迎下载,沟通交流,互相学习,共同进步!

    html&css入门基础知识点.pdf

    HTML和CSS基础知识点 HTML是用来描述网页的一种语言,指的是超文本标记语言(Hyper Text Markup Language),它不是一种编程语言,而是一种标记语言。HTML使用标记标签来描述网页的结构和内容。 标记语言是一套...

    网页设计期末大作业+html+css

    9个网页布局,学校让做的网站作业,虽然是比较基础的网页静态页面,不过我也希望你能做的规范一些,我们专业制作学生网页作业,div css js 等通过dreamwear的工具实现规范化,比如文件夹的规范,代码写作的规范,...

    HTML+CSS+JS 网页设计模板.zip

    HTML、CSS和JavaScript是网页设计的三大核心技术,它们共同构建了网页的结构、样式和交互功能。本资源“HTML+CSS+JS 网页设计模板.zip”包含了一个基于这三个技术的网页设计模板集合,方便开发者快速搭建和定制网页...

    后台模板HTML+CSS

    总的来说,这个“后台模板HTML+CSS”资源为开发者提供了一个快速构建专业、美观的后台管理界面的基础框架。通过下载并研究这个模板,开发者可以学习到如何组织后台页面结构,如何应用CSS样式,以及如何整合图表和...

Global site tag (gtag.js) - Google Analytics