博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html内联样式(表),外部样式表
阅读量:4147 次
发布时间:2019-05-25

本文共 675 字,大约阅读时间需要 2 分钟。

内联样式:直接在元素开始标签中定义style

			

Look! Styles and colors

This text is in Verdana and red

This text is in Times and green

This text is 30 pixels high

在这里插入图片描述

内部样式表:在head标签中统一定义style,这样可以同时定义多个标签里面的相同属性。当和内联样式同时使用时优先使用内联样式,如下的第三个p的颜色显示为黑色。

			This is title						

Look! Styles and colors

This text is in Verdana and red

This text is in Times and green

This text is 30 pixels high

在这里插入图片描述

外部样式表:将样式表提到css文件中,多个html文件可以同时引用此css样式。

CSS文件内容(文件名style.css)

body {
background-color:PowderBlue;}p {
color:red}

html如何引用CSS

			This is title		

Look! Styles and colors

This text is in Verdana and red

This text is in Times and green

This text is 30 pixels high

转载地址:http://yyiti.baihongyu.com/

你可能感兴趣的文章
对话周鸿袆:从程序员创业谈起
查看>>
Mysql中下划线问题
查看>>
Xcode 11 报错,提示libstdc++.6 缺失,解决方案
查看>>
idea的安装以及简单使用
查看>>
Windows mysql 安装
查看>>
python循环语句与C语言的区别
查看>>
vue 项目中图片选择路径位置static 或 assets区别
查看>>
vue项目打包后无法运行报错空白页面
查看>>
Vue 解决部署到服务器后或者build之后Element UI图标不显示问题(404错误)
查看>>
element-ui全局自定义主题
查看>>
facebook库runtime.js
查看>>
vue2.* 中 使用socket.io
查看>>
openlayers安装引用
查看>>
js报错显示subString/subStr is not a function
查看>>
高德地图js API实现鼠标悬浮于点标记时弹出信息窗体显示详情,点击点标记放大地图操作
查看>>
初始化VUE项目报错
查看>>
vue项目使用安装sass
查看>>
HTTP和HttpServletRequest 要点
查看>>
在osg场景中使用GLSL语言——一个例子
查看>>
laravel 修改api返回默认的异常处理
查看>>