正在加载…
请使用更现代的浏览器并启用 JavaScript 以获得最佳浏览体验。
加载论坛时出错,请强制刷新页面重试。
关于 CSS 和 HTML
mufen
溢出的文字省略号显示
1、 单行文本溢出显示省略号,满足三个条件
a.强制行内显示文本 white-space: nowrap/normal(自动换行)
b.超出部分隐藏 overflow:hidden
c.文字用省略号代替超出部分:text-overflow:ellipsis
2、多行文本
常见布局技巧
1、 margin 负值运用
a .让每个盒子往左侧移动﹣1 P ,正好压住相邻盒子边框
b .鼠标经过某个盒子的时候,提高当前盒子层级即可(如果没有定位,则加相对定位,如果有定位,则加 z - index )
2、文字围绕浮动元素#### transparent 透明色
3、行块元素
给父级元素添加 center ,其中元素居中
4、 CSS 三角强化
左边和下边框宽度设置为零把上边框宽度调大
CSS 初始化
不同浏览器对有些标签的默认值是不同的,为了消除不同浏器对 HTML 文本的差异,照顾浏览器的兼容每个网页必须进行 CSS 初始化
HTML 和 CSS 提高
1、HTML5新特性
a .语义化标签
< header >头部标签
< section >定义文档某区域
< nav >导航
< aside >侧边栏
< article >内容
< footer >尾部
注:主要针对搜索引擎可,多次使用
b .多媒体标签
音频< audio >支持三种格式:MP3 web ogg
视频< video >支持三种格式:MP4 webm ogg
代码登录后可见
总结:
a .使用方式基本一致
b .浏览器支持情况不同
c .谷歌把音频和视频自动播放禁止了
d .给视频添加 muted 静音播放音频不可以
c . input
d .表单属性