New course! Every coder should learn Generative AI!
Try a free lesson0
how to save the html codes,i write on sololearn....
i can see other's codes on sololearn...this is very much effective but if i wanna run these codes on other html viewer what should i do or how i can get access my saved codes on sololearn??
8 Answers
+ 4
In <head>
Inline ("integration"):
<style type="text/css">
#myID { color: black}
.myClass { ... }
</style>
Files:
<link rel="stylesheet" href="http://webserver.com/css/file.css"></link>
Or use jsfiddle/jsbin (etc) and copy+paste into the right panels (like SoloLearn).
+ 3
CodePlayground. In the app: tap the { } (second from right). You may need to change Trending/Most Popular to "My Codes". Or tap ## Codes (first item in the summary area of your profile).
On the web: Someone else?
Once in your code, use the clipboard to copy+paste.
+ 3
@Kirk Schafer already answer you:
just put all your css stuff in <head> inside <style type="text/css></style>
+ 2
Copy paste in a text editor, and save it in local file... ( you need to integrate css and js in your html file, or link them as external files )
+ 1
here is a html file <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" type="text/css" rel="stylesheet">
<title>Welcome</title>
</head>
<body>
<div class="container">
</body>
</html>
and now this is css file
html, body {background-image: url("https://subtlepatterns.com/patterns/sayagata-400px.png");
background-repeat: repeat;}
img {border-radius:100%;
border: 5px;
border-style: dotted;
border-color: #503428;}
.container {text-align: center;
background-color:rgba(0,0,0,0.3);
padding:20px;
border-radius: 10px;
border-style: solid;
border-width: 1px;
border-color: white;
display: block;}
.greeting {font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 30px;
color: #503428;}
.discription {font-family: sans-serif;
color: white;}
input {background-color:white;
padding: 10px;
border: none;
border-bottom-style: solid;
border-bottom-color: #503428;
border-bottom-width: 5px;
border-radius: 3px;
color: #503428;}
button {background-color: #503428;
color: white;
font-size: 20px;
width: 200px;
text-transform: uppercase;
padding: 10px;
border: none;
border-radius: 10px;}
button:hover{background-color: white;
cursor: pointer;
color: #503428;}
button:active {border: solid;
border-width: 1px;
border-color:#503428; }
.rememberme {text-decoration: none;
font-family:"Arial";
font-weight: bold;
color: #503428;}
a {text-decoration: none;
font-family:"Arial";
font-weight: bold;
color:white;}
how to integrate them??
0
but how to integrate css with html?
0
hlw bro plz ans or give me a sample
0
tnx everyone especially Kirk Schafer
Often have questions like this?
Learn more efficiently, for free:
Hot today
[SOLVED] Ballpark Challenge
1 Votes
Who will
0 Votes
HELP. UNFAIR STREAK LOSS
2 Votes
There is an error.
0 Votes