Δημοσιεύσεις για το θέμα 'css'
Στοιχεία HTML Inline vs Block
Τα στοιχεία Επίπεδο αποκλεισμού ξεκινούν σε μια νέα γραμμή .
Συνηθισμένα παραδείγματα είναι:
‹div› <p> <h1> -<h6>
Τα Εσωτερικά στοιχεία δεν ξεκινούν σε νέα γραμμή .
Παίρνουν όσο πλάτος χρειάζεται όταν ξεκίνησαν.
Συνηθισμένα παραδείγματα είναι:
‹img› <a>
Κάνοντας το κείμενο να εμφανίζεται όταν περνάμε πάνω από το δέντρο στο CSS
# Ένας οδηγός βήμα προς βήμα στο CSS
Τι γίνεται αν έχουμε μια εικόνα (του σταθμού εργασίας μας ή οτιδήποτε άλλο) και θέλουμε να εμφανίζεται κάποιο συννεφάκι κειμένου όταν τοποθετούμε τον δείκτη του ποντικιού πάνω από μια επιλεγμένη ενότητα; Αντιμετώπισα αυτό ακριβώς το πρόβλημα κατά την ανακατασκευή του προσωπικού μου ιστότοπου χαρτοφυλακίου και βρήκα έναν απλό τρόπο για να το κάνω αυτό.
Για αυτό το άρθρο, θα χρησιμοποιήσουμε μια εικόνα που περιέχει 1 δέντρο ως παράδειγμά μας. Όταν..
5 ιστότοποι που θα σας βοηθήσουν να γράφετε πιο γρήγορα CSS
1.RemoveBG
Σύνδεσμος : https://www.remove.bg
Αφαιρέστε το φόντο όποιας φωτογραφίας θέλετε
2.My Color Space
Σύνδεσμος : https://mycolor.space
Βρείτε την τέλεια χρωματική παλέτα οποιουδήποτε χρώματος θέλετε
3.Bg Βάζο
Σύνδεσμος : https://bgjar.com
Δωρεάν δημιουργία φόντου svg για τους ιστότοπους, τα ιστολόγια και την εφαρμογή σας
4.Γεννήτρια Νευμορφισμού
Σύνδεσμος : https://hype4.academy/tools/neumorphism-generator
Δημιουργήστε Neumorphism εύκολα..
4 ιστοσελίδες για εξάσκηση στην ανάπτυξη Front-End
Το DevChallenges έχει σχεδιαστεί για όλους όσους θέλουν να γίνουν προγραμματιστές ιστού. Κάθε πρόκληση είναι διαφορετική και θα δοκιμάσει διαφορετικές πτυχές της κωδικοποίησης. Περιλαμβάνει μικρές ιστορίες χρηστών και όμορφα σχέδια. Αντικατοπτρίζει πραγματικές εργασίες που κάνει καθημερινά ένας προγραμματιστής. Μπορείτε να βρείτε διαφορετικά μονοπάτια που θα σας βοηθήσουν να πλοηγηθείτε στην καριέρα σας.
https://devchallenges.io
2. Frontend Mentor
Κάθε πρόκληση μιμείται..
advasawedfevav
απόσπασμα advasawedfevav για το έργο σας 📌📌. αυτό το απόσπασμα δημιουργείται με χρήση HTML, CSS, κ.λπ. #coder #λογισμικό https://bbbootstrap.com/snippets/advasawedfevav-10501316
Εφαρμογή προϋπολογισμού με χρήση HTML, CSS και JavaScript (Πηγαίος κώδικας)
Γεια σας, σήμερα θα μάθουμε πώς να χρησιμοποιούμε HTML, CSS & JavaScript για να δημιουργήσουμε μια εφαρμογή προϋπολογισμού. Ακολουθώντας αυτές τις οδηγίες, μπορείτε απλώς να δημιουργήσετε αυτήν την Εφαρμογή προϋπολογισμού σε HTML, CSS και JavaScript. Απλώς τηρώντας τις διαδικασίες που αναφέρονται παρακάτω, θα μπορείτε να αναπτύξετε αυτήν την εκπληκτική εφαρμογή προϋπολογισμού.
Περιγραφή Έργου
Βήμα 1 Η HTML (Γλώσσα σήμανσης υπερκειμένου) θα μας βοηθήσει να δημιουργήσουμε τη..
Ερωτήσεις για το θέμα 'css'
Αλλαγή μεγέθους εικόνας PHP πριν από τη μεταφόρτωση στον καθορισμένο Κατάλογο
Γεια, αναπτύσσω έναν ιστότοπο όπου ένας χρήστης μπορεί να ανεβάσει την εικόνα του προφίλ του/της. Η σελίδα μεταφόρτωσής μου έχει μια ετικέτα img έτσι ώστε ένας χρήστης να μπορεί να κάνει προεπισκόπηση της εικόνας του προτού τη ανεβάσει αφού επιλέξει...
24.02.2024
Συρόμενες καρτέλες Bootstrap (όχι περιεχόμενο καρτελών)
Αναπτύσσω ένα έργο και χρησιμοποιώ τις καρτέλες Bootstrap για τις καρτέλες μου. Οι χρήστες μπορούν να δημιουργήσουν νέες καρτέλες, επομένως εδώ είναι το πρόβλημα: περισσότερες από N καρτέλες (όπου N εξαρτάται από το πλάτος του προγράμματος...
22.02.2024
Διάλειμμα λέξεων Firefox για ενσωματωμένα στοιχεία
Προσπαθώ να αλλάξω την ιδιότητα word-break για ορισμένα ενσωματωμένα στοιχεία, όπως <span> και <a> , για να έχω καλύτερη ροή του περιεχομένου της σελίδας.
Φαίνεται ότι ο Firefox αναγνωρίζει την ιδιότητα διάσπασης λέξεων μόνο για...
03.03.2024
Πώς μπορείτε να κάνετε εναλλαγή πολλών στόχων δεδομένων και εναλλαγής χρησιμοποιώντας την εναλλαγή δεδομένων bootstrap html
Γράφω κώδικα για ένα κινούμενο εικονίδιο χάμπουργκερ για τη γραμμή πλοήγησης bootstrap, αλλά πρέπει να αλλάξω και το εικονίδιο χάμπουργκερ και τη γραμμή πλοήγησης με ανταπόκριση εκκίνησης. Υπάρχει λοιπόν κάποιος κώδικας ή κάποιος τρόπος για να...
22.02.2024
Πώς να στοιχίσετε ένα στοιχείο φόρμας στο κέντρο της σελίδας; [αντίγραφο]
Έχω μια σελίδα σύνδεσης και θέλω να ευθυγραμμίσω το στοιχείο φόρμας στο κέντρο της σελίδας.
.signininp {
border-radius: 20px;
width: 20%;
margin-top: 10px;
padding: 5px;
}
<form>
<input class="signininp" type="input"...
24.02.2024
Το transform-zoom-out δεν διατηρεί το περιεχόμενο στο κέντρο
Αυτή τη στιγμή αντιμετωπίζω ένα πρόβλημα με μια σελίδα που δουλεύω. Έχω ένα ωραίο πλέγμα με διαφορετικά μπλοκ περιεχομένου πάνω τους.
Όταν κάνω κλικ σε ένα μπλοκ, ανοίγω ένα modal και το πλέγμα μεγεθύνεται. Προσθέτω αυτήν την κλάση στο πλέγμα μου...
10.03.2024
Πώς να διαμορφώσετε το στυλ των email;
Χρειάζεται να χρησιμοποιήσω το χαρακτηριστικό στυλ παντού, κάτι που οδηγεί σε πολλές αντιγραφές;
<p style="color: red; font-weight: bold;">Some text</p>
Η χρήση του <style> φαίνεται να αποτυγχάνει
11.03.2024
Τοποθέτηση των div με συγκεκριμένη σειρά χρησιμοποιώντας css flex
Είμαι νέος στη χρήση του css flex. Αυτό που θέλω να πετύχω είναι το εξής. Έχω έναν γονέα με 4 παιδιά. Στην επιφάνεια εργασίας κάθε παιδί χρειάζεται να έχει το 50% του πλάτους του γονέα, οπότε σε αυτήν την περίπτωση 2 div ανά σειρά. Σε κινητό...
16.03.2024
μετακινήστε ένα div από το ένα li στο άλλο
Προσπαθώ να ξεχωρίσω από δύο λι. Εάν διαγράψω οποιοδήποτε div, θα ταξινομηθεί κατά αυξ.
Το βιολί είναι
Χρησιμοποιώ το jquery append to για να μετακινήσω το div. ρίξτε μια ματιά στη λειτουργία διαγραφής μου
function del_slide(no,sdiv)
{...
24.03.2024
Καταργήστε εντελώς την ιδιότητα CSS
Έχω ένα κουμπί, το οποίο όταν πατηθεί φορτώνει ένα πρόσθετο αρχείο CSS, το οποίο αντικαθιστά ένα μεγάλο μέρος των βασικών αρχείων CSS. (αυτό είναι για λόγους προσβασιμότητας αν αναρωτιέστε)
Ας υποθέσουμε ότι έχω ιδιότητες background και...
27.03.2024
Τυχαίες εικόνες από το ρυθμιστικό έναρξης js
Έχω ένα απλό ρυθμιστικό εικόνας και είμαι λίγο πολύ νέος στο JS. Αυτό είναι HTML του ρυθμιστικού.
<a class="thumb-box scroll-to-section" href="#people">
<img src="someimg" class="peoples-img" style="display: none;">
<img...
28.03.2024
Αλλαγή του τύπου εισαγωγής αρχείου Placeholder [διπλότυπο]
πώς μπορώ να αλλάξω το σύμβολο κράτησης θέσης και τα στυλ του αρχείου τύπου εισόδου;
εδώ είναι ο κωδικός μου αλλά δεν λειτουργεί.
<input type='file' placeholder="Upload Logo">
26.03.2024
Είναι δυνατόν να εκτελεστούν ορισμένες ετικέτες σε μια περιοχή κειμένου αφήνοντας τις υπόλοιπες ως απλό κείμενο;
Αναπτύσσω μια εφαρμογή web που βασίζεται σε php στην οποία υπάρχει μια περιοχή κειμένου μέσα στην οποία ο χρήστης μπορεί να πληκτρολογήσει ό,τι θέλει και το περιεχόμενο αργότερα εμφανίζεται σε άλλη σελίδα αφού αποθηκευτεί σε μια βάση δεδομένων. Το...
10.04.2024
Το φύλλο στυλ CKEditor δεν φορτώνεται στη σελίδα προορισμού
Μόλις εφάρμοσα το CKEditor στον ιστότοπό μου. Ωστόσο, παρατήρησα ότι το αρχείο contents.css δεν φορτώνεται/κλάται καθόλου.
Για παράδειγμα, στο πρόγραμμα επεξεργασίας μπορώ να επισημάνω μια λέξη ή φράση και δείχνει το σωστό κίτρινο φόντο. Αλλά...
14.04.2024
Η ιστοσελίδα φαίνεται διαφορετική στο τηλέφωνο
Υπάρχει μια σελίδα στον ιστότοπό μου που έχει ένα ΜΕΓΑΛΟ διάγραμμα ροής, κάτι σαν αυτό:
$-----$
\ / ( Assuming $ is an image and -, /, \ are lines )
$ $
Όταν βλέπω αυτή τη σελίδα στο τηλέφωνό μου, μου φαίνεται φρικτό. Οι εικόνες και οι...
13.04.2024
Flex gap και flex wrap με ποσοστά [διπλότυπο]
Κατασκευάζω μια φόρμα όπου το ποσοστό πλάτους του πεδίου ορίζεται δυναμικά από τους πελάτες. Η πρώτη μου προσέγγιση ήταν να δημιουργήσω ένα flex container με ενεργοποιημένο το wrapping και να τοποθετήσω ομοιόμορφα τα πεδία χρησιμοποιώντας gap:...
14.04.2024
Το e.querySelector δεν λαμβάνει θυγατρικά στοιχεία όταν κάνετε κλικ στο γονικό
Προσπαθώ να φτιάξω μια λίστα με αντικείμενα, το καθένα μπορεί να έχει και παιδικά αντικείμενα. Θέλω το παιδί ul να είναι κρυφό από προεπιλογή και, στη συνέχεια, όταν κάνω κλικ στο γονικό στοιχείο, μπορώ να αλλάξω μια τάξη για να εμφανιστεί ή να...
16.04.2024
Uncapped ReferenceError: Μη έγκυρη αριστερή πλευρά στην ανάθεση κατά τη χρήση της ιδιότητας CSS κάτω περιγράμματος σε JavaScript
Λαμβάνω αυτό το σφάλμα στο JavaScript
Uncapped ReferenceError: Μη έγκυρη αριστερή πλευρά στην ανάθεση
Σε αυτή τη γραμμή
function clicked(obj)
{
obj.style.border-bottom='1px'; //error
}
Θέλω να αλλάξω μια ιδιότητα CSS...
07.05.2024
Ορίστε ευέλικτες αποστάσεις
Έχω τρία εύκαμπτα στοιχεία, σε ένα δοχείο, τα οποία είναι ευθυγραμμισμένα στο κέντρο. Πώς γίνεται κάποια απόσταση μεταξύ των αντικειμένων; Για παράδειγμα: το πρώτο θα πρέπει να είναι πέλμα στα αριστερά του δοχείου, το δεύτερο στο κέντρο και το τρίτο...
14.05.2024
Νέα υλικά
Code Smell 210 - Dynamic Properties
Η τεμπελιά και η μαγεία φέρνουν ελαττώματα
TL;DR: Να είστε ξεκάθαροι με τα χαρακτηριστικά σας
Προβλήματα
Ευανάγνωστο Ορισμός πεδίου εφαρμογής Απαρατήρητα τυπογραφικά λάθη..
Οπτικοποίηση δεδομένων με γραφήματα Google
του Ejiro Thankgod
Η οπτικοποίηση δεδομένων είναι μια εξαιρετική προσέγγιση για την εμφάνιση δεδομένων και τη συμμετοχή κοινού. Ο ανθρώπινος νους είναι συχνά καλύτερος στο να θυμάται..
Το όνομά μου είναι Abdul Qudus.abd
Το όνομά μου είναι Abdul Qudus.abd Είμαι διαδικτυακός συγγραφέας και γράφω άρθρα. Έχω 3ετή εμπειρία στη διαδικτυακή συγγραφή. οπότε θα είμαι ο καλύτερος συγγραφέας στην πλατφόρμα σας. είμαι ο..
Το Python Selenium Web Scraping σας κατέβασε το 2023; Εκκαθαρίστε την προσωρινή μνήμη και ενισχύστε τα αποτελέσματά σας!
Η απόξεση ιστού με το Python Selenium είναι ένα εξαιρετικό εργαλείο για την εξαγωγή δεδομένων από ιστοσελίδες. Ωστόσο, περιστασιακά, οι ιστοσελίδες ενδέχεται να αποτύχουν να φορτώσουν ή να..
Έννοιες JavaScript που πρέπει να γνωρίζετε για να ξεκινήσετε με το React
Αφού είδα αυτή την ερώτηση να τίθεται αμέτρητες φορές, πιστεύω ότι μπορεί να είναι χρήσιμο σε πολλούς ανθρώπους εκεί έξω να έχουν μια σαφή κατανόηση του τι χρειάζεται να είναι γνωστό στο..
Χρήση της C++ ως γλώσσας δέσμης ενεργειών, μέρος 8
Βελτίωση κλήσεων λειτουργιών API με χρήση ενσωματωμένης συναρμολόγησης
Έχω πειραματιστεί με την ενσωματωμένη συναρμολόγηση στο παρελθόν με κάποια επιτυχία. Είναι περίπλοκο και εύκολο να κάνεις..
5 αμυχές που πρέπει να γνωρίζετε για να γίνετε σπουδαίος προγραμματιστής.
5 αμυχές που πρέπει να γνωρίζετε για να γίνετε σπουδαίος προγραμματιστής.
Αυτές τις μέρες, πολλοί φιλοδοξούν να εργαστούν ως προγραμματιστές. Αλλά το να γίνεις σπουδαίος προγραμματιστής δεν..