css链接到html,css链接到html代码
如何把css导入html
1、html引入css文件之直接在div中使用css样式制作div+css网页
div style="border:1px red solid;"html引入css文件/div
说明：html引入css文件的这种方法不建议使用，因为会让页面的标签很多，看起来很累赘，体现不了css的优势，当然如果你非常想用这种方法，在不经常更改的地方可以用一用，但是还是不推荐。
2、html引入css文件之html中使用style自带式
直接在header 里面写css
style type="text/css"
div{margin: 0;padding: 0;border:1px red solid;}
/style
说明：html引入css文件的这种方法适合在页面较少的情况下使用。优点：速度 快，所有的css控制都是针对本页面标签的，没有多余的css命令；再者不用外链css文件。直接在html文档中读取样式。缺点如果页面较多改版会很麻烦，单个页 面显得臃肿，css不能被其他html引用造成代码量相对较多，维护也麻烦些。但是采用这种方法的公司大多有钱，对他们来说用户量是关键，他们不缺人进 行复杂的维护工作。
3、html引入css文件之使用@import引用外部CSS文件
将一个独立的.css文件引入HTML文件中，导入式使用css规则引入外部css文件，style标记也是写在head标记中，使用的语法如下：
style type="text/css"
@import"mystyle.css"; 此处要注意.css文件的路径
/style
4、html引入css文件之使用link引用外部CSS文件
在网页的head/head标签对中使用link标记来引入外部样式表文件，使用html规则引入外部css。
link href="./mystyle.css" rel="stylesheet" type="text/css"/
说明：html引入css文件的这种方法就不需要style标签，而是直接通过link一个样式来引用外部样式，推荐使用link来引用外部的css样式方法。
怎样将下面这段代码中的css样式直接写在HTML中？
1、首先可以直接把css代码写在现有的HTML标签元素的开始标签里面，并且css样式代码要写在style=""双引号中才可以，如：p style="color:red"这里文字是红色。/p。
2、如果想让HTML标签和css样式区分开来，可以采取将css样式代码写在style type="text/css"/style标签之间，并且这里的style/style可以写在head/head标签之间或者body/body标签之间，效果都是一样的。
3、以上两种HTML和css的结合都是在同个页面，代码量多的情况下就不好区分了，这时可以创建一个外部css样式文件。右键点击桌面先创建一个记事本文档，然后将文档的扩展名改为“.css”。将该css样式文件与HTML放在同个磁盘中以便调用。
4、将css样式文件创建好后，使用Sublime编辑器打开css样式文件，在文件里面编写相应的css样式。
5、准备好这个css样式文件后，回到HTML文件，在head/head标签内使用link标签将css样式文件链接到HTML文件内，就完成了。
如何将css与html连接起来
一行代码引入外部的CSS文件即可
link rel="stylesheet" href="css/style.css"
这样css文件就与HTML链接起来了。这里要注意的是html里的ID选择器和类选择器要对应上。
html如何跟css链接
1、当我们没有引入外部css样式表的时候，一般情况下我们会在html里写样式，而又两种方式使我们常见的，第一种：
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titletime元素/title
/head
body
div style="height:300px; width:500px; background:#999;"/div
/body
2、第二种写法：
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
titletime元素/title
style
.all{
height:300px;
width:500px;
background:#999;}
/style
/head
body
3、建立一个css样式表文件
4、存储在css文件夹中
5、在html文件中写入链接代码，代码如下：
link rel="stylesheet" type="text/css" href="css/index.css" /
6、之后可以看到HTML文件的源代码傍边看到我们所连接的css文件，此时就连接成功。