Pytania otagowane jako css

CSS (Cascading Style Sheets) to język arkusza stylów reprezentacji używany do opisywania wyglądu i formatowania dokumentów HTML (HyperText Markup Language), XML (Extensible Markup Language) i elementów SVG, w tym (między innymi) kolorów, układu, czcionek, i animacje. Opisuje także, w jaki sposób elementy powinny być renderowane na ekranie, na papierze, w mowie lub na innych mediach.



9
Jak zachować proporcje za pomocą tagu HTML IMG
Używam znacznika img w formacie HTML, aby wyświetlić zdjęcie w naszej aplikacji. Ustawiłem zarówno wysokość, jak i szerokość atrybutu na 64. Muszę pokazać dowolną rozdzielczość obrazu (np. 256x256, 1024x768, 500x400, 205x246, itp.) Jako 64x64. Ale ustawienie atrybutów wysokości i szerokości znacznika img na 64, nie zachowuje współczynnika proporcji, więc obraz …
132 html  css 

4
Co to jest „treść widoczna na ekranie” w Google Pagespeed?
Do niedawna moja witryna (www.heatexchangers.ca) osiągnęła 98% w Google Page Speed. Było kilka rzeczy, z którymi nie mogłem nic zrobić, na przykład ciąg zapytania z czcionek internetowych. Byłem z tego bardzo zadowolony, ponieważ reprezentowało to wszystko, co mogłem zrobić. Niedawno Google dodało coś innego, co wpływa na wynik szybkości strony, …

4
Twitter Bootstrap: element div w kontenerze ze 100% wysokością
Używając Twittera Bootstrap (2), mam prostą stronę z paskiem nawigacyjnym, a wewnątrz containerchcę dodać element div o wysokości 100% (na dole ekranu). Moje css-fu jest zardzewiałe i nie mogę tego rozwiązać. Prosty HTML: <body> <div class="navbar navbar-fixed-top"> <!-- Rest of nav bar chopped from here --> </div> <div class="container fill"> …

8
Jak utworzyć widok siatki / kafelków? [duplikować]
To pytanie ma już odpowiedzi tutaj : Układ murarski tylko w CSS (2 odpowiedzi) Zamknięte 24 dni temu . Na przykład mam jakąś klasę .article i chcę zobaczyć tę klasę jako widok siatki. Więc zastosowałem ten styl: .article{ width:100px; height:100px; background:#333; float:left; margin:5px; } Ten styl sprawi, że .article będzie …

8
Dodaj podział wiersza do :: after lub :: before zawartości pseudoelementu
Nie mam dostępu do HTML lub PHP dla strony i mogę edytować tylko przez CSS. Robiłem modyfikacje w witrynie i dodawałem tekst za pomocą pseudoelementów ::afterlub ::beforei odkryłem, że ucieczka Unicode powinna być używana do takich rzeczy, jak spacja przed lub po dodanej treści. Jak dodać wiele wierszy do contentnieruchomości? …
131 css 

4
Pseudoklasy CSS ze stylami wbudowanymi
На этот вопрос есть ответы на Przepełnienie stosu на русском : Как прописать: hover внутри style = ''? Czy można mieć pseudoklasy korzystające ze stylów wbudowanych? Przykład: <a href="http://www.google.com" style="hover:text-decoration:none;">Google</a> Wiem, że powyższy kod HTML nie będzie działać, ale czy jest coś podobnego, co będzie działać? PS Wiem, że powinienem …

7
Jak uwzględnić widok / częściowy określony styl w AngularJS
Jaki jest prawidłowy / akceptowany sposób używania oddzielnych arkuszy stylów dla różnych widoków używanych w mojej aplikacji? Obecnie umieszczam element link w kodzie HTML widoku / częściowej na górze, ale powiedziano mi, że jest to zła praktyka, mimo że wszystkie współczesne przeglądarki go obsługują, ale widzę, dlaczego jest niezadowolony. Inną …

7
Czy powinienem osadzać obrazy jako dane / base64 w CSS czy HTML
Aby zmniejszyć liczbę żądań na serwerze, osadziłem niektóre obrazy (PNG i SVG) jako BASE64 bezpośrednio w css. (Jest zautomatyzowany w procesie kompilacji) lubię to: background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAFWHRTb2Z0d2FyZQBBZG etc...); Czy to dobra praktyka? Czy są jakieś powody, aby tego uniknąć? Czy są jakieś popularne przeglądarki, które nie obsługują adresów URL? Pytanie dodatkowe: …
131 html  css  base64 

5
Dlaczego nie mogę wyśrodkować z marginesem: 0 auto?
Mam element #headerDIV, 100% widtha wewnątrz tego elementu DIV mam nieuporządkowaną listę. Zastosowałem się margin: 0 autodo listy nieuporządkowanej, ale nie wyśrodkowuje jej w nagłówku div. Czy ktoś może mi powiedzieć, dlaczego? Pomyślałem, że jeśli zdefiniuję szerokość nadrzędnego elementu div, to lista nieuporządkowana powinna być w stanie wyśrodkować się margin: …
131 html  css  margin 

5
Czy można wybrać ostatnie n pozycji z n-tym dzieckiem?
Korzystając z listy standardowej, próbuję wybrać ostatnie 2 elementy listy. Mam różne permutacje, An+Bale nic nie wydaje się wybierać ostatnich 2: li:nth-child(n+2) {} /* selects from the second onwards */ li:nth-child(n-2) {} /* selects everything */ li:nth-child(-n+2) {} /* selects first two only */ li:nth-child(-n-2) {} /* selects nothing */ …
131 css  css-selectors 

5
Dlaczego wartości procentowe marginesów / wypełnień w CSS są zawsze obliczane na podstawie szerokości?
Jeśli spojrzysz na specyfikację modelu pudełkowego CSS , zauważysz, co następuje: Procent [marginesu] jest obliczany w odniesieniu do szerokości bloku zawierającego wygenerowane pudełko. Zauważ, że dotyczy to również „margin-top” i „margin-bottom”. Jeśli szerokość zawierającego bloku zależy od tego elementu, to wynikowy układ jest niezdefiniowany w CSS 2.1. (podkreślenie moje) To …
131 w3c  css 

15
CSS przekształcanie tekstu z wielkimi literami
Oto mój kod HTML: <a href="#" class="link">small caps</a> & <a href="#" class="link">ALL CAPS</a> Oto mój CSS: .link {text-transform: capitalize;} Wynik to: Small Caps & ALL CAPS i chcę, aby wynik wyglądał następująco: Small Caps & All Caps Jakieś pomysły?
131 css 

13
wyświetlanie: w tekście a wyświetlanie: blok [duplikat]
To pytanie ma już odpowiedzi tutaj : Jaka jest różnica między display: inline i display: inline-block? (5 odpowiedzi) Zamknięte 3 miesiące temu . Jaka jest podstawowa różnica między następującymi arkuszami CSS: display:inline i to: display:block Używając ich osobno na elemencie, otrzymuję ten sam wynik.
131 css 

Korzystając z naszej strony potwierdzasz, że przeczytałeś(-aś) i rozumiesz nasze zasady używania plików cookie i zasady ochrony prywatności.
Licensed under cc by-sa 3.0 with attribution required.