• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

HTML5和CSS3 王老师经验

开发技术 开发技术 2周前 (04-07) 5次浏览

1.为了兼容IE9,尽量要使用float布局,兼容性好,不要与flex布局混用。

2.问起CSS选择器的分类,先说id选择器,类选择器,属性选择器,伪类选择器,伪元素选择器,标签选择器,再说关系选择器。

3.命名一定要规范,用英文,灵活一点,用那一栏的内容翻译过来起名。

4.代码要简洁,css只写到index.css一个文件内,重置样式表简短一点。

 1 * {
 2     margin: 0;
 3     padding: 0;
 4     border: 0;
 5     font-size: 100%;
 6 }
 7 
 8 ol, ul {
 9     list-style: none;
10 }

5.dl列表标签,< dl>< /dl>用来创建一个普通的列表,< dt>< /dt>用来创建列表中的上层项目,< dd>< /dd>用来创建列表中最下层项目,一般用于图文并排展示

1 <dl>
2   <dt>计算机</dt>
3   <dd>用来计算的仪器 ... ...</dd>
4   <dt>显示器</dt>
5   <dd>以视觉方式显示信息的装置 ... ...</dd>
6 </dl>

6.网页最外层要用一个div包起来,类名可以起box,root这样子。

7.text-overflow 属性规定当文本溢出包含元素时发生的事情。具体用法和值:https://www.w3school.com.cn/cssref/pr_text-overflow.asp

white-space 属性设置如何处理元素内的空白。具体用法和值:https://www.w3school.com.cn/cssref/pr_text_white-space.asp

文字内容过多需要出现省略号,通常这么使用:

1 .box1 {
2     text-overflow: ellipsis;
3     overflow: hidden;
4     white-space: nowrap;
5 }

8.文字的font-size用偶数,不要用奇数。

9.让子元素div在父元素div中上下左右居中。

(1)定位

HTML5和CSS3 王老师经验

(2)flex布局

HTML5和CSS3 王老师经验

(3)定位

HTML5和CSS3 王老师经验

(4)行高和text-align

HTML5和CSS3 王老师经验

10.简单的表单。

HTML5和CSS3 王老师经验

HTML5和CSS3 王老师经验

11.如果有一个多个li在同行,而且它们都有一个外边距,刚刚好把最后一个挤下去,可以把ul设置为很大的宽度,这样就刚刚好了。

 

学识浅薄,如有错误,恳请斧正,在下不胜感激。


程序员灯塔
转载请注明原文链接:HTML5和CSS3 王老师经验
喜欢 (0)