Bold, strong, em eller italic?

Postad: 08.10.2008 | Uppdaterad: 08.08.2017 | CSS

Lästid: < 1 minut Varför kan en fetstilt text både heta bold och strong? Är det någon skillnad på css och css? Mja egentligen inte, men det finns skillnader beroende på om du använder en stilmall eller lägger in enkla cssavsnitt som html. Låt oss reda ut det här med rätt kod för rätt semantik. Det finns väldigt många … Fortsätt läsa ”Bold, strong, em eller italic?”

CSS referensguide

Postad: 22.09.2008 | Uppdaterad: 30.01.2020 | CSS

Lästid: 4 minuter Här listar jag enbart CSS nivå 1 och 2.1. Vad gäller CSS3 och CSS4 så har de sina egna inlägg om du vill lära dig mer. Allmänna egenskaper id {data} teckensträng som anger en specifik identitet till ett element div märkning som omfattar ett block eller element class märkning som föregås av ett block eller … Fortsätt läsa ”CSS referensguide”

Relative – absolute – float

Postad: 21.12.2007 | Uppdaterad: 30.01.2020 | CSS

Lästid: 5 minuter Om clear:float och clearfix:after. Idag anges clear:float annorlunda genom att vi kan använda CSS pseudo class-elementen :after och/eller :before för att avsluta ett/flera flytande element. Exempelkod 1 specificerar blocket som berörs (wrapper). Nummer 2 specificerar flera element. Exempel 3 är global. Nummer 1 .wrapper:after { content: ”; display: block; clear: both; } Nummer 2 (wp-specifik) … Fortsätt läsa ”Relative – absolute – float”

Runda hörn utan bilder – enbart css

Postad: 21.12.2007 | Uppdaterad: 30.01.2020 | CSS

Lästid: < 1 minut Denna artikel innehöll en gammal teknik och är därför redigerad. Nu för tiden används CSS3 border-radius, och med dagens moderna webbläsare behöver man inte längre ange ett webbläsarespecifikt prefix såsom -webkit-border-radius eller -moz-border-radius utan det räcker med border-radius. .selector {border-radius: 10px 10px;} Mer om border-radius: https://kaxigt.com/css-3-del-4-borders/ http://css3clickchart.com/#border-radius https://css-tricks.com/snippets/css/rounded-corners/

Gör en iframe enbart med css – skrollbar div

Postad: 21.12.2007 | Uppdaterad: 30.01.2020 | CSS

Lästid: 2 minuter OBS! Iframes – det vill säga inbäddade ramar används numer mycket sällan eftersom det finns nyare tekniker för att få samma utförande. Iframes bör dessutom inte användas med tanke på användbarhet och tillgänglighet. Guiden här under kommer dock att få ligga kvar eftersom den används i programmeringsstudier och lärande av vad frames och iframes är. … Fortsätt läsa ”Gör en iframe enbart med css – skrollbar div”

Styla dina bilder

Postad: 21.12.2007 | Uppdaterad: 13.08.2017 | CSS

Lästid: 3 minuter Du kanske använder bilder som klickbara länkar? Det vanliga sättet är då att skriva border=”0″ i html-koden. Använder du css ska du naturligtvis låta stilmallen sköta detta istället för att stjäla utrymme i html-koden. Ni som använder xhtml och/eller vill gå över till strict kommer direkt att upptäcka att sidan inte validerar om man inte … Fortsätt läsa ”Styla dina bilder”

Systematisk enkel felsökning

Postad: 20.12.2007 | Uppdaterad: 08.08.2017 | CSS, HTML, Web Standards, XHTML

Lästid: 5 minuter Hjälp – sidan vill inte validera eller så har div-blocken hamnat helt fel. Jag ändrade lite i koden och nu är allt förstört!!! Här har du ett litet ”check-schema” att följa. Jag vill bara poängtera att denna felsökning inte är någon universalmedicin eftersom jag inte vet hur just din sajt ser ut. Se den istället … Fortsätt läsa ”Systematisk enkel felsökning”

Shorthand declaration groups

Postad: 15.12.2007 | Uppdaterad: 02.04.2017 | CSS

Lästid: 3 minuter Använder man sig av stilmallar kan det bli många märkningar i denna. En del av dessa märkningar är onödiga och stjäl bara plats. Istället ska vi nu optimera vår stylesheet. I och med detta blir den också mer snabbladdad och sidan visas fortare. Ett annat ord för detta är de så kallade short hand declaration … Fortsätt läsa ”Shorthand declaration groups”

Allmänna CSS märkningar

Postad: 15.12.2007 | Uppdaterad: 10.08.2017 | CSS

Lästid: 2 minuter Man kan laborera en hel del på sin hemsida genom att använda css. Här hittar du en del värden som är användbara, både vanliga som mindre vanliga. OBS! Beskrivning till respektive kod finns under varje kod. Var också aktsam om att alla koder kanske inte heller passerar valideringen. style=”overflow:auto;” Döljer hela scrollisten. Attributet ska läggas … Fortsätt läsa ”Allmänna CSS märkningar”

Några professionella csstips om fonter

Postad: 03.07.2007 | Uppdaterad: 10.08.2017 | CSS

Lästid: < 1 minut Läsbarhet Det finns några grundläggande riktlinjer för hur man bör använda sina fontvärden till den löpande texten. För läsbara rader, radavstånd som undviker rader längre än 10 ord, och för kontrasterande färger förslås följande. font-size:16px; line-height:1.75; För färger på font och bakgrund eftersom svart textfärg mot vit bakgrund har för stark kontrast background:#fafafa; color:#333333;

Dela stilmallen för bästa resultat

Postad: 02.07.2007 | Uppdaterad: 26.10.2019 | CSS

Lästid: 4 minuter En stilmall hos nybörjaren brukar inte vara så stor, men vart efter kunskaperna växer finns det en fara för att den utökas till att bli ofantligt stor, och lång, ibland nära en meters skrollande. Ur en designers perspektiv är detta inte bara arbetsamt, det är också förkastligt. Många skyller också på webbläsarna för att sidan … Fortsätt läsa ”Dela stilmallen för bästa resultat”