Файл CSS не работает в платформе asp.net

У меня возникла эта проблема при создании веб-сайта в Visual Studio 12. Когда я добавляю файл CSS, функции CSS не отображаются ... иногда перезапускаю работу, иначе мне нужно сделать все это встроенным. Кто-нибудь может мне помочь с этим, пожалуйста? Это очень раздражает.

Мой настоящий файл CSS:

body {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px;
    background-color: #ebebeb;
}

#info_body {
    margin:auto;
    background-color:white;
    border: 1px solid black;
}

#div_left{
    height:250px;
    width:250px;
    float:left;
}

#div_right{
    width:60%;
    float:left;
}

CSS, который я получаю, нажимая F12 в браузере (что ясно показывает, что он не обновлен. Я нажал ctrl + s, а также перезапустил ноутбук .. та же проблема):

body {
    margin-left: 0;
    margin-right: 0;
    margin-top: 1px;
    background-color: #ebebeb;
 }

#divbody {
    height:80%;
    margin:auto;
    background-color:white;
}

div {
    border: 1px solid black;
}

div_left{
    height:250px;
    width:250px;
    float:left;
}

div_right{
    width:60%;
    float:left;
}

Мой HTML:

<%@ Page Title = "" Language = "C#" AutoEventWireup = "true" 
    MasterPageFile = "~/MasterPage.master"             
    CodeFile = "selected_search_item.aspx.cs" 
     Inherits = "selected_search_item" %>

<asp:Content ID = "Content1" ContentPlaceHolderID = "head" Runat = "Server">
                <title>Selected Searched Item</title>
    <link rel = "stylesheet" type = "text/css" href = "selected_search_item.css" 
/>
</asp:Content>
<asp:Content ID = "Content2" ContentPlaceHolderID = "Body" Runat = "Server">
    <div>
        <div id = "div_left">
            <div class = "info_body">
                <img />
            </div>
            <div class = "info_body">
                Information
            </div>
        </div>
        <div id = "div_right">
            <div class = "info_body">Title</div>
            <div class = "info_body">Description</div>
        </div>    
        </div>
</asp:Content>

Пробовали ли вы проверить в режиме разработки браузера (F12 в вашем браузере), можно ли найти CSS-файл или минимизированный CSS-файл содержит ваши изменения CSS. Думаю, вам тоже нужно будет сообщить больше информации о своей проблеме.

bluedot 17.04.2018 16:50

Убедитесь, что файл CSS указан правильно (т.е. файл загружен из указанного места). Кроме того, я бы посоветовал использовать элемент inspect в Chrome или любом другом браузере, который вы используете, и посмотреть, загружаются ли свойства и селекторы CSS из ваших файлов CSS в указанное место.

Afsan Abdulali Gujarati 17.04.2018 16:51

да, это правильно сказано. Обычно после перезагрузки ноутбука иногда срабатывает. Он работает и с дизайном .. но когда я открываю страницу в браузере (google chrome), он не работает ..

JigJagJoe 17.04.2018 18:57

@bluedot да, и файл css на странице проверки f12 отделен от фактического .. то есть .. он не загружен

JigJagJoe 18.04.2018 10:52
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Введение в CSS
Введение в CSS
CSS является неотъемлемой частью трех основных составляющих front-end веб-разработки.
Как выровнять Div по центру?
Как выровнять Div по центру?
Чтобы выровнять элемент <div>по горизонтали и вертикали с помощью CSS, можно использовать комбинацию свойств и значений CSS. Вот несколько методов,...
Навигация по приложениям React: Исчерпывающее руководство по React Router
Навигация по приложениям React: Исчерпывающее руководство по React Router
React Router стала незаменимой библиотекой для создания одностраничных приложений с навигацией в React. В этой статье блога мы подробно рассмотрим...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
CSS: FlexBox
CSS: FlexBox
Ранее разработчики использовали макеты с помощью Position и Float. После появления flexbox сценарий полностью изменился.
1
4
152
1

Ответы 1

Проверьте свой файл Site.Master. В разделе <head> вы должны указать, где находятся ваши файлы css. В этом случае у меня есть несколько файлов css, расположенных в папке с именем Content.

<asp:PlaceHolder runat = "server">
    <%: Scripts.Render("~/bundles/modernizr") %>
</asp:PlaceHolder>
<webopt:BundleReference runat = "server" Path = "~/Content/css" />

У меня есть файлы css в одном файле с основным файлом

JigJagJoe 17.04.2018 18:55

Просто проверьте, что вы используете CssClass для элементов управления .NET и класс для других, например: <td class = "question_number"> 1) </td> <asp: Label ID = "B1" runat = "server" CssClass = " вопрос"...

smoore4 18.04.2018 00:24

Вы получаете отрицательное голосование, потому что вы не разместили код, и есть явные опечатки (CAn и i t).

smoore4 18.04.2018 00:26

ну, код очень большой, поэтому я не загружал ... но подождите ... позвольте мне отредактировать мой настоящий файл css и то, что находится в файле, который я получаю, когда нажимаю f12 в браузере.

JigJagJoe 18.04.2018 10:53

Другие вопросы по теме