Hva er Block Egenskap Brukes til i CSS?

CSS står for Cascading Style Sheets og er en webutvikler kode som brukes til å definere formateringen for et nettsted. Webutviklere kan bruke CSS i forbindelse med HTML for å definere hvordan HTML skal vises på en side. Du kan legge til CSS direkte inn i en enkelt webside ved å spesifisere definisjonen stil i "<head>" tag på siden eller referere en ekstern "Css" stilark.

HTML Vis Elements

Alle HTML-koder vises som enten blokkere eller inline stil koder. Inline HTML-koder er elementer som bare tar opp så mye bredde som er nødvendig. Eksempler på HTML-koder som har inline tilskriver inkluderer ankerkoder, bilde-koder eller innsats koder. Blokker HTML-koder er elementer som spenner over hele bredden på siden og flytte tekst eller tags før eller etter seg til en ny linje. Eksempler på HTML-koder som har blokken attributt inkluderer overskriftskodene, ledd koder, listekoder, tab koder eller blokk sitat koder.

Bruke Inline Egenskap i CSS

Ved hjelp av CSS kan du endre hva som er normalt blokk-stil HTML-koder til inline-koder, bruke "tag {display: inline}" kode, og bytter ut "tag" med blokken HTML-kode som du vil konvertere til et inline element. Ved å bruke denne CSS-koden, kan du lage en liste som spenner horisontalt i stedet for vertikalt, for eksempel. Du må legge til CSS-koden til CSS-stilark eller til stilen definisjonen i "<head>" tag på siden.

Ved hjelp av Block Egenskap i CSS

Ved hjelp av CSS kan du også endre hva som er normalt inline style HTML-kodene til en blokk kodene ved hjelp av "tag {display: block}" kode, og bytter ut "tag" med inline HTML-kode som du vil konvertere til en blokk element. Denne CSS-kode gir deg muligheten til å plassere et bilde eller anker kobling på en linje for seg selv, for eksempel. Du må legge til CSS-koden til CSS-stilark eller til stilen definisjonen i "<head>" tag på siden.

Kompatibilitet browser

CSS "blokk" og "Inline" skjerm eiendom kode er kompatibel med og viser riktig i alle de store nettlesere, inkludert Internet Explorer, Firefox, Safari, Safari (Windows), Chrome og Opera. Dette gjør at webutviklere å implementere "blokk" skjerm eiendom innenfor prosjekter med full nettleserstøtte. Dette betyr ikke, men at hver nettleser vil gjengi HTML og CSS samme. Webutviklere bør teste websider i alle nettlesere for forskjeller i gjengivelsen.