Tutorial - CSS: background

 background-color:

   código hexadecimal: #FFFFFF

   código rgb: rgb(255,235,0)

   nome da cor: red, blue, green...etc

   transparente: transparent

background-image:

   URL: url(caminho/imagem.gif)

background-repeat:

   não repete: no-repeat

   repete vertical e horizontal: repeat

   repete vertical: repeat-y

   repete horizontal: repeat-x

background-attachment:

   imagem fixa na tela: fixed

   imagem "rola" com a tela: scroll

background-position:

   x-pos y-pos

   x-% y-%

   top left

   top center

   top right

   center left

   center center

   center right

   bottom left

   bottom center

   bottom right

Comentários

Postar um comentário

Postagens mais visitadas deste blog

ANDROID - Criando e Publicando APP com HTML, CSS, JavaScript e Java

Imagem
Neste post vamos ver, como criar um aplicativo android utilizando o Android Studio, você vai ver como é simples de fazer, e vamos ver também em nossa próxima live como fazer a publicação na loja. Códigos necessários: SPLASH SCREEN new Handler().postDelayed(new Runnable() {             @Override             public void run() {                 startActivity(new Intent(SplashActivity.this, GameActivity.class));                 finish();             }         }, 3000);  GAME SCREEN WebView wv = (WebView) findViewById(R.id.wv);         wv.getSettings().setJavaScriptEnabled(true);         wv.setWebViewClient(new WebViewClient());         wv.loadUrl("file:///android_asset/index.html"); Código para deixar em tela cheia requestWindowFeature(Window.FEATURE_NO_TITLE);         getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,                 WindowManager.LayoutParams.FLAG_FULLSCREEN); Publicando APP Campos obrigatórios: Nome do app Breve descrição (É uma breve descrição d
Leia mais

Diferenças entre design responsivo, adaptativo e fluído

Imagem
Houve um tempo em que um site era apenas isso: um site. Felizmente, web design e desenvolvimento têm evoluído ao longo dos anos capacitando os usuários a exigir conteúdo real, relevante e com layout não mais frustrante. A fim de manter seus visitantes felizes e se ajustar a sua resolução de tela, três tipos de diferentes soluções de web design vêm à mente: design fluido, design adaptável e design responsivo. Saiba agora a diferença entre os três: Design Fluído Os layouts fluídos utilizam uma porcentagem do espaço em vez de largura fixa, ou seja, eles acompanham o tamanho da tela do dispositivo que você está usando sem mudar a estrutura. O maior problema com design fluido é o fato de que os elementos na página não podem se ajustar em conformidade. Isto significa que quando você mover para um monitor widescreen, a página e seu conteúdo podem parecer esticados. Se mover para uma tela menor como a de um tablet ou um smartphone tudo vai se aglomerar no meio. Isso pode representar alguns pro
Leia mais