css写在哪
程序员文章站
2022-03-16 09:01:55
...
写css的位置:1、作为行内样式,写在HTML标签的style属性中;2、作为内嵌样式,写在head标签的style标签中;3、作为外联样式,写在单独的“.css”文件中,使用link标签或“@import”规则引入到HTML中。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
css样式有三种:内嵌CSS样式、行内CSS样式、外部CSS样式(外联样式)。
1、行内CSS样式
在HTML的标签中使用style属性来设置css样式
格式:
<html标签 style="属性:值;属性:值;....">被修饰的内容</html标签>
例:
<html> <head> <titile></title> </head> <body> <div style="width="100px" height="100px""></div> </body> </html>
特点:仅作用于本标签。
2、内嵌CSS样式
在head标签中使用style标签来设置css样式
格式:
<style type="text/css"> ....css样式代码 </style>
例:
<html> <head> <titile></title> <style type="text/css"> //在这里写CSS代码 bdoy{font-size:14px;} </style> </head> <body> </body> </html>
特点:作用于当前整个页面
3、外部CSS样式(外联样式)
将css代码写在一个单独的“.css”文件中
用link标签或@import引入该文件到页面中
例:
<html> <head> <titile></title> <link rel="stylesheet" href="要引入的CSS文档位置" > </head> <body> </body> </html>
学习视频分享:css视频教程
以上就是css写在哪的详细内容,更多请关注其它相关文章!
上一篇: php5.6.15安装教程
下一篇: php格式是什么
推荐阅读
-
一个困扰2天的css格式问题,除了chrome都显示正常_html/css_WEB-ITnose
-
接触php也一年半了,想请问下过来人接下来应该在哪些方面在学些什么知识
-
为什么要在引入的css或者js文件后面加参数的详细讲解_jquery
-
CSS3实现全景图特效_html/css_WEB-ITnose
-
createUrl和CHtml::link参数设置的区别_html/css_WEB-ITnose
-
结合CSS3的布局新特征谈谈常见布局方法_html/css_WEB-ITnose
-
SQL Server的数据库连接的极限在哪儿?
-
如何在VS2008中将背景图片拉伸至整张页面而不是平铺_html/css_WEB-ITnose
-
CSS 的简写_html/css_WEB-ITnose
-
一个排版,不知道如何做。_html/css_WEB-ITnose