CSS样式的分类介绍(基础知识)
建站知识 2021-07-03 07:55www.168986.cn长沙网站建设
css样式的分类
1.内部样式----内联样式
使用的是style标签
<style type="text/css"> / 样式 / </style>
多学一招把页面的公共样式(不多的情况下)写在style标签中
2.行内样式
直接写在标签上的style属性中
<div style="color:red;"> 我是盒子 </div>
多学一招通常是后台程序员进行修改页面的时候使用
3.外部样式
新建一个css文件,然后和html页面关联起来
a) 使用标签关联
<!-- 在html的head标签中 --> <link rel="stylesheet" type="text/css" href="css文件路径">
b) 使用指令关联
<style type="text/css"> / 在style标签中 / @import url("css文件路径") </style>
多学一招做项目最常用的是外部样式,link标签
三种样式表
知识点补充CSS 样式分类
CSS样式可以分为三大类内联样式、内部样式表和外部样式表
1.内联样式(样式写在html标签里,只对该标签的内容起作用)
<span style="color:red;font-size:48;">Hello World!</span>
2.内部样式(样式写在html的head标签之间,只对该html的内容起作用)
<html> <head> <title></title> <style type="text/css"> body{font-size:12px} </style> </head> <body></body> </html>
3.外部样式(样式引用写在head标签之间,对引用该css文件的网页起作用)
<html> <head> <title></title> <link href="mon.css” rel="stylesheet" type="text/css"> </head> <body></body> </html>
css样式中#表示id选择器,.表示类选择器
<div class="font"></div>
<div id=""></div>
在html中id是不能重复的。
到此这篇关于CSS样式的分类介绍(基础知识)的文章就介绍到这了,更多相关css 样式分类内容请搜索狼蚁SEO以前的文章或继续浏览狼蚁网站SEO优化的相关文章,希望大家以后多多支持狼蚁SEO!
上一篇:使用css实现特殊标志或图形
下一篇:svg+css 或者js制作打钩的动画效果
长沙网站设计
- 如何自己建一个网站 自己想建个网站,怎么建
- 如何制作网站免费建站 创建网站免费注册
- html简单网页代码 html简单网页代码超链接
- dreamweaver网页制作 dreamweaver网页制作模板
- 上海网站建设 上海网站建设制作微信
- 如何制作网站和网页 如何制作一个网页
- html网页制作代码大全 端午节html网页制作代码大
- app开发公司 app开发公司前十名
- html网页制作 html网页制作文字居中
- app制作一个需要多少钱 请人制作一个app多少钱
- 成都网站制作 成都网站制作维护
- 百度建一个网站多少钱 百度做个公司网站要多少
- html+css网页制作成品 web网页制作成品css+javascrip
- html网页制作案例 html网页设计案例
- html+css网页制作成品 web网页制作成品css+javascrip
- 个人网站模板 个人网站模板HTML