学习htmlCss笔记

学习渡一htmlCss视频(https://ke.qq.com/course/231570)笔记:

1、单标签(<meta><br><hr>):不需要修饰内容,不需要包含内容、就可以展现出功能。

2、&nbsp;、&lt;、&gt;

3、有序列表ol、li,排序有5种:1、a、A、i、I

4、标签a:1、超级链接;2:锚;3、打电话、发邮件;4协议限定符

5、form传给后台,必须有数据名和数据值。

 6、单选:radio,多选checkbox

---------------------------------------------

1、引用css方式:1)、行间样式  2)、页面级css  3)、外部css文件

2、html《=》css:id不要重复,一一对应;class可以重复,多对多。

2、选择器及选择器的优先级:

<!--css权重(256进制) 选择器 !important(Infinity)》行间样式(1000)》id(100)
》class(和属性选择器[属性=属性值]{}比较,按css中的先后顺序)、伪类 (10)》标签选择器|伪元素(1)》通配符 (0)-->
3、父子选择器/派生选择器(div span),并列选择器(div#divid.classid)
4、font-size设置的字体高度。
5、字体颜色color,#FFFFFF(白色),RGB,16进制,#FF4400(每2位都重复)=》简化成#F40
6、css画三角: 
<div style="width: 0px;height: 0px;border:100px solid black;border-left-color: red;border-top-color:transparent;border-right-color: transparent;border-bottom-color: transparent;"></div>
7、单行文本在容器水平垂直都居中,
text-align:center;
height:200px;/*height=line-height*/
line-height:200px;
8、px:像素(相对的),1em=1 font-size(默认16px)
posted @ 2018-10-17 09:57  xingyezhihun  阅读(143)  评论(0编辑  收藏  举报