CSS
zyw6042
这个作者很懒,什么都没留下…
展开
-
HTML+CSS进阶学习摘录(Display属性)(三)
一、display:none 与 visbility:hidden display:none 元素隐藏,不占据原来位置 visibility:hidden 元素隐藏,占据原来位置二、display:table-cell (1)图片垂直居中于元素 父元素{display:table:cell;vertical-align:center;}子元素{ vert原创 2017-07-07 22:16:44 · 320 阅读 · 0 评论 -
HTML+CSS进阶学习摘录(文本效果)(四)
一 、深入text-indent(1)"text-indent : 2em ;"实现段落首行缩进(2)"text-indent: -9999 px ; " 隐藏标题h1内容,使用LOGO图片作为h1的背景图片。display:none 隐藏元素,搜索引擎会直接忽略(搜索引擎优化)。二、深入text-align text-align对文字、inline元素以及inline-原创 2017-07-08 15:07:03 · 452 阅读 · 0 评论 -
HTML+CSS进阶学习摘录(表单效果+清除浮动+定位布局)(五)
一、表单效果1、深入radio和checkbox 当文字大小为12px时,我们给单选框或复选框定义"vertical-align: -3px" 即可解决对齐问题。针对不同页面文字大小调整属性值大小,达到最佳效果 。2、深入textarea(1)固定大小:使用max-width和max-height定义最大宽度和最大高度。(2)禁止拖动: resize:none(3)在Chr原创 2017-07-08 15:10:21 · 535 阅读 · 0 评论 -
HTML+CSS进阶学习摘录(CSS图形)(六)
一、三角形#box1,#box2,#box3,#box4{ width:0; height:0; border-width:20px; border-style:solid; display:table-cell;}#box1{ border-color:red transparent transparent transparent;}#box2{ border-color:原创 2017-07-08 16:54:30 · 489 阅读 · 0 评论 -
HTML+CSS进阶学习摘录(性能优化)(七)
一、属性缩写1、盒模型缩写(border padding margin)2、背景缩写background: url("aa.jpg") no-repeat 80px 40px3、字体缩写font:"微软雅黑" 12px/1.5em bold4、颜色值缩写color: #000二、语法压缩1、空白符2、结尾分号3、url的引号4、属性值为0(可不添加单原创 2017-07-08 16:58:42 · 373 阅读 · 0 评论