CSS
王艺茹
这个作者很懒,什么都没留下…
展开
-
浏览器私有前缀
私有前缀 -moz-:代表firefox浏览器私有属性 -ms-:代表ie浏览器私有属性 -webkit-:代表safari、chrome浏览器私有属性 -o-:代表Opera浏览器私有属性 提倡写法 -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; ...原创 2021-04-15 20:38:50 · 54 阅读 · 0 评论 -
CSS常用类命名规则
头:header 内容:content/container 尾:footer 导航:nav 侧栏:sidebar 栏目:column 页面外围控制整体布局宽度:wrapper 左右中:left right center 登录条:loginbar 标志:logo 广告:banner 页面主体:main 热点:hot 新闻:news 下载:download 子导航:subnav 菜单:menu 子菜单:submenu 搜索:search 友情链接:friendlink 页脚:footer 版权:copyrigh原创 2021-04-09 22:11:15 · 62 阅读 · 0 评论 -
CSS3选择器
属性选择器 /* 1.简单属性选择 */ input[value] { /* 带有'value'属性的元素 */ ... } input[value][type] { /* 根据多个属性进行选择 */ ... } /* 2.根据具体属性值选择 */ input[type=text] { /* 'type'属性 值='text'的元素 */ ... } /* 3.根据部分属性值选择 */ input[class^=val] { /* 'class'属性 值以'val'开头的元素 */ ...原创 2021-04-01 17:19:31 · 43 阅读 · 0 评论 -
溢出文字省略号显示
单行文本 /* 强制一行内显示文本 */ white-space: nowrap; /* 超出部分隐藏 */ overflow: hidden; /* 用省略号替代超出部分 */ text-overflow: ellipsis; 多行文本 1.多行文本溢出显示省略号,有较大的兼容问题,适用于webkit浏览器或移动端 overflow: hidden; text-overflow: ellipsis; /* 弹性伸缩盒子模型显示 */ display: -webkit-box; /* 限制在一个块元素显示原创 2021-03-31 23:35:56 · 41 阅读 · 0 评论