学习前端第四天

1.复习前一天学习的表格,表单。
2.补充表格内容:
下拉菜单

<select></select>
<option></option>
	辅助表单
	<label for=" "></label>

3.css语法:
1.基础语法:
宽:width
高:height
颜色:color:
1.单词表示法:red,blue。。。
2.十六进制表示法:#000000;
3.rgb(255,0,0);
背景颜色:background-color
边框:border:1px solid red;
css注释//
2.css样式的引入:
1.行内式 :
style属性 直接加在标签上
2.内嵌式:
在head内添加style标签
3.外部式:
在head中添加link标签 在href中引入css文件
4.导入式:
在head中添加style标签 在style中添加@import url

   <style> @import url(./con.css);</style>

(不推荐使用)
3.css文字样式:
字体类型:font-family:宋体;
字体大小:font-size:1px;
4.css选择器:
1.ID选择器:
css:#elect{ }
html:id=“elect”
注:ID是唯一值,在页面中只能出现一次。
2.class选择器:
css: .elem{ }
html: class=“elem”;
注:class选择器是可以复用的
可以添加多个class样式
3.标签选择器:
div{ };

  <div></div>

4.通配符选择器:
*{ }
注:使用场景 :用于去掉所有标签的默认样式。

今日作业:

   <style> 
     *{ font-family:"微软雅黑";    
                font-size: 13px;  
                 }
    p{ background-color: yellow;       
     color:blue;   
      }  
    h1{ background-color: yellow;     
       color:blue;    }   
    #Orz{background-color: green;    }
    .T_T{  color:green;  
          text-align:center;  
            }   
             </style>
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值