Подключить css без дополнительных файлов, подключить css в html файле.

Подключить 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>

Печать   E-mail

Related Articles

Information

All images are for demonstration purpose only. You will get the demo images with the QuickStart pack.

Also, all the demo images are collected from Unsplash. If you want to use those, you may need to provide necessary credits. Please visit Unsplash for details.

 

Blog