
html
夜轩14
这个作者很懒,什么都没留下…
展开
-
按钮文字间隔居中
两个文字居中使用:first-letter<style>.button{width:100px;height:44px;text-align:center;line-height:44px;}.button:first-letter{margin-right:20px;}<style><button class="button">按钮<button>注 关于:first-letter,简单来说需求某元素第一行的第一个字符多原创 2022-02-17 16:52:08 · 861 阅读 · 0 评论 -
关于布局的总结
今天看到css布局,特此研究了一下圣杯布局与双飞翼布局,因为这两种方式主要针对三栏布局,因此在与flex布局比较,做一下总结:圣杯布局主要用到的知识点有浮动、相对定位、margin负值,不用添加额外标签代码&lt;div class="header"&gt;header&lt;/div&gt;&lt;div class="contanier"&原创 2019-03-05 19:15:05 · 298 阅读 · 0 评论 -
关注点分离
写页面的两个基本原则。关注点分离原则,也叫正交原则,HTML CSS JS 分离 互不影响状态转移:js不去修改css 的样式(.style.color=‘red’),只修改css中的状态(addClass(‘active’))。关注点分离页面原则标签、样式、行为三者分离,如下 <!DOCTYPE html> <html lang="en">...转载 2019-02-20 16:59:50 · 369 阅读 · 0 评论 -
如何在网页标题栏title加入logo(icon)图标?
打开某一个网页会在浏览器的标签栏处显示该网页的标题和图标,当网页被添加到收藏夹或者书签中时也会出现网页的图标,怎么在网页title左边显示网页的logo图标呢?方法一(被动式):制作一个ico格式的图片,将图片命名为favicon.ico,像素大小为16*16,所使用的颜色不得超过16色,然后再把favicon.ico放到网站的根目录下就行了。这样的话浏览器会不停的搜索您的网站的根目录,只要它...转载 2018-10-19 15:11:54 · 860 阅读 · 0 评论 -
文本溢出效果
文本溢出效果项目中有些段落内容不需要完全显示,但还要可以显示出来,多余内容隐藏中通过…显示,可以通过css或者js控制字数显示。一、css3文本溢出效果(1)单行文本溢出效果 .text{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap }(2)多行文本溢出 ....原创 2019-03-05 17:11:43 · 367 阅读 · 0 评论 -
table的一些设置
当table设置了table-layout:fixed后,就会将表格的宽度固定住,尤其在第一行出现合并列的情况,下面的列的宽度是失效的,因此可以在加一行并进行隐藏;<table border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;"> <tr style="display:none"原创 2017-11-29 17:58:09 · 1104 阅读 · 0 评论