当前位置:网站首页 > HTML与CSS基础 > 正文

vs怎么用html生成css(怎么用vs2019写html)



前往通用篇

工具:一个html页面、VS2019、一个MVC项目

Content文件夹->右键->添加现有项->选择html页所有css样式

怎么把html变成java代码 <a href='/tag/23'>如何</a>把html文件转换为css_css

怎么把html变成java代码 如何把html文件转换为css_html_02

可能遇到的问题

怎么把html变成java代码 如何把html文件转换为css_css_03

解决办法

如果是项目自带的文件,可以选择替换。如果是自定义的文件,需要重命名再添加进去。

Scripts文件夹->右键->添加现有项->选择html页所有js文件

怎么把html变成java代码 如何把html文件转换为css_怎么把html变成java代码_04

怎么把html变成java代码 如何把html文件转换为css_html_05

Views/Shared文件夹->右键->添加->MVC5布局页(Razor)

注意:这里不要选错,是布局页

怎么把html变成java代码 如何把html文件转换为css_前端_06

怎么把html变成java代码 如何把html文件转换为css_右键_07

怎么把html变成java代码 如何把html文件转换为css_怎么把html变成java代码_08

这里偷懒,用自带的Home下的Index.cshtml视图,然后将内容全部清空

输入标题并运用布局页

怎么把html变成java代码 如何把html文件转换为css_右键_09

填充内容

将原来html页的body标签的内容(除了script标签)全部复制,粘贴到下面

怎么把html变成java代码 如何把html文件转换为css_怎么把html变成java代码_10

可能遇到的问题

怎么把html变成java代码 如何把html文件转换为css_右键_11

解决方法

@的转义是@@

怎么把html变成java代码 如何把html文件转换为css_右键_12

怎么把html变成java代码 如何把html文件转换为css_css_13

到此,html正式转为MVC(cshtml)

现在一个页面就需要一个布局页,或者你可能搭建了一个空的布局页,每个分布页中重复引入了相同的css、js文件,造成极大的代码冗余
可以通过设计一个通用的布局页来减少这部分冗余。
当然,用的前端框架、技术不同,每个人都有不同的布局页,不过道理是一样的。
接下来,搭建一个可重用的布局页为例,在布局页中搭建bootstrap框架、Font Awesome字体库以及jQuery

前往通用篇

End

到此这篇vs怎么用html生成css(怎么用vs2019写html)的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • 字体图标怎么设置大小css(css字体图标是如何做的)2025-01-26 10:27:06
  • css4导弹(css8导弹)2025-01-26 10:27:06
  • css grid布局案例(div+css布局案例)2025-01-26 10:27:06
  • 字体图标怎么设置大小css(css 字体图标)2025-01-26 10:27:06
  • css grid布局兼容性(css grid布局缺点)2025-01-26 10:27:06
  • css-1导弹(css4导弹)2025-01-26 10:27:06
  • css伪类选择器(css伪类选择器和伪元素选择器)2025-01-26 10:27:06
  • grid 布局(css grid布局)2025-01-26 10:27:06
  • css4导弹(css2导弹)2025-01-26 10:27:06
  • css grid布局(css grid布局居中)2025-01-26 10:27:06
  • 全屏图片