☰ open

VSC + HTML + CSS

VSC - vyhledávání a nahrazování

Změna v celém adresáři

V levém nabídkovém panelu je symbol 'Lupy'

Po jeho aplikaci se nám otevře políčko 'SEARCH' a 'REPLACE'

Do 'SEARCH' zadám hledaný výraz a do 'REPLACE' výraz, kterým budu nahrazovat

Nahrazení se provede v celém úseku otevřeného adresáře!

picture

Zpřesnění vyhledávání

Vyhledávání můžeme zpřesnit za pomoci:

'files to include' - obsahující

'filex to exlude' - s vyloučením (neobsahující)

hvězdička '*' zastupuje libovolný řetězec znaků

otazník '?' zde jako jeden znak nefunguje!


picture

Změna v jednom souboru

Otevřu si soubor v kterém budu provádět změnu.

Označím si hodnotu (slovou), které budu měnit

Vyvolám kontextové menů pravým tlačítkem myši

Vyberu 'Chage All Occurrences'

Zvýrazní se mi všechny stejné nalezené hodnoty

Přímo do zvýrazněné hodnoty začnu psát hodnotu novou. Stará hodnota se při psaní vymaže a je přepisována hodnotou novou.


picture

HTML kousky


width:calc()

Menu

Barvy u zátržítek a boxů

Accordion

Hodiny

Single page

Pricing card

Fluid Layout with Flex

css.nothrem.cz/ css.benni.cz dev.to Github.com css tricks.com

Color

W3C CSS Color Specification

VSC - vyhledávání a nahrazování

Změna v celém adresáři

V levém nabídkovém panelu je symbol 'Lupy'

Po jeho aplikaci se nám otevře políčko 'SEARCH' a 'REPLACE'

Do 'SEARCH' zadám hledaný výraz a do 'REPLACE' výraz, kterým budu nahrazovat

Nahrazení se provede v celém úseku otevřeného adresáře!

picture

Zpřesnění vyhledávání

Vyhledávání můžeme zpřesnit za pomoci:

'files to include' - obsahující

'filex to exlude' - s vyloučením (neobsahující)

hvězdička '*' zastupuje libovolný řetězec znaků

otazník '?' zde jako jeden znak nefunguje!


picture

Změna v jednom souboru

Otevřu si soubor v kterém budu provádět změnu.

Označím si hodnotu (slovou), které budu měnit

Vyvolám kontextové menů pravým tlačítkem myši

Vyberu 'Chage All Occurrences'

Zvýrazní se mi všechny stejné nalezené hodnoty

Přímo do zvýrazněné hodnoty začnu psát hodnotu novou. Stará hodnota se při psaní vymaže a je přepisována hodnotou novou.


picture