educoder实训平台----CSS3选择器-基础选择器

educoder实训平台----CSS3选择器-基础选择器

第1关:CSS基础选择器相关概念

DCB

第2关:通用选择器

DOCTYPE html>
<html>
<head>
 	<meta charset="utf-8"/>
   <style type="test/css">
   
   *{font-size:100px;color:#D33E2A;}
   
   style>
head>
<body>
<strong>Gstrong>
<strong>ostrong>
<strong>ostrong>
<strong>gstrong>
<strong>lstrong>
<strong>estrong>
body>
html>

第3关:标签选择器

DOCTYPE html>
<html>
<head>
 	<meta charset="utf-8"/>
   <style type="test/css">
   
   strong{font-size:100px;color:#D33E2A;}
   
   style>
head>
<body>
<strong>Gstrong>
<strong>ostrong>
<strong>ostrong>
<strong>gstrong>
<strong>lstrong>
<strong>estrong>
body>
html>

第4关:文字Google结构设计

doctype html>
<html><head>
<meta charset="utf-8">
<title>文字Logotitle>
head>
<body>

<strong class="blue">Gstrong>
<strong class="red">ostrong>
<strong id="orange">ostrong>
<strong class="blue">gstrong>
<strong id="green">lstrong>
<strong class="red">estrong> 
 
 
 
 
body>
html>

第5关:文字Google样式设计

doctype html>
<html><head>
<meta charset="utf-8">
<title>文字Logotitle>

<style type="text/css">

strong{ font-size:100px;}
.blue{color:#2B75F5;}
.red{color:#D33E2A;}
#orange{color:#FFC609;}
#green{color:#00A45D;}
  


  

style>
head>
<body>
<strong class="blue">Gstrong>
<strong class="red">ostrong>
<strong id="orange">ostrong>
<strong class="blue">gstrong>
<strong id="green">lstrong>
<strong class="red">estrong>
body>
html>

你可能感兴趣的:(css3,css,html)