Подключить css без дополнительных файлов, подключить css в html файле.
В html фале, между тегами <style type="text/css"> </style> Вставляем код CSS.
Например:
<style>
details {border: 1px solid #999;
border-radius: 5px;
margin: 0 2em .4em 2em;
padding: 1.04%;}
details {margin: 1em;
cursor: pointer;}
summary {border-radius: 5px;
cursor: pointer;
margin: -1%;
padding: 8px 10px;
background: -webkit-linear-gradient(top, #f3f3f3 50%, #e6e6e6 50%);}
</style>
Создаются стили details и summary
Ниже, в этом-же файле, можно использовать стили details и summary
Например:
<details>
<summary><p>Основной текст</p></summary>
<p>Выпадающий текст</p>
</details>
Результат:
Основной текст
Или можно так подключить css
<!DOCTYPE HTML> <html> <head>
<style type="text/css"> p {color:red;} </style>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> </head> <body> <p>Абзац</p> </body> </html>