css笔记--用户界面样式

1.系统字体,系统颜色.根据关键字设置为系统某方面相同的字体和颜色 2.光标:鼠标移入时光标的不同显示方法,有十字键,手型:cursor:pointer;cursor:hand;要按顺序,cursor:hand为兼容ie6 3.轮廓:outline,脱离文档流,outline-width,outline-color;outline-style;都只能设置一个值,而border可以设置四个值…

聊聊text-decoration.text-indent.text-transform.letter-spacing.word-spacing.vertical-align.下面是一些常用设置文本样式的css样式: text-decoration: underline; /* 设置文字下划线 */ text-indent: 35px; /* 设置缩进 */ text-transform: upper…

css笔记——文本样式

聊聊text-decoration.text-indent.text-transform.letter-spacing.word-spacing.vertical-align.下面是一些常用设置文本样式的css样式: text-decoration: underline; /* 设置文字下划线 */ text-indent: 35px; /* 设置缩进 */ text-transform: upper…

css学习_css用户界面样式

1.css用户界面样式 a.鼠标样式(记住几个兼容性好的) cursor:default/pointer/move/text; b.轮廓 outline outline:2px solid red: outline:0/none(取消轮廓线) c.防止拖拽文本域 textarea{resize:none:} d.背景图片和背景颜色一起出现时,背景颜色在最底层. e.行内块和文字对齐 vertical-align 对块级元素不起作用图片和文字默认基线对齐 f.去除图片底侧空白缝隙 g. 溢出的…

认识CSS中高级技巧之用户界面样式

前端之HTML,CSS(九) CSS高级技巧 CSS用户界面样式用户界面样式指更改用户操作样式,如更改用户的鼠标样式.表单轮廓等. 鼠标样式cursor cursor属性具有属性值有:default.pointer.move.text.四种属性值对应鼠标样式为:白色箭头.白色小手.四向箭头.文本键入. <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>元素…

amazeui学习笔记--css（基本样式4）--打印样式Print

amazeui学习笔记--css(基本样式3)--打印样式Print 一.总结 1.打印显示url方法: 利用 CSS3 content 属性,将 <a> 和 <abbr> 的标题.链接显示在后面. <a href="http://www.amazeui.org">Amaze UI</a> 2.am-print-hide类: 浏览器可见,打印机隐藏. 二.打印样式Print 目录显示 URL 链接辅助 Class 参考链接打印样式组…

amazeui学习笔记--css（基本样式3）--文字排版Typography

amazeui学习笔记--css(基本样式3)--文字排版Typography 一.总结 1.字体:amaze默认非衬线字体(sans-serif) 2.引用块blockquote和定义列表:引用块blockquote和定义列表(dl dt)注意一下 3.样式不能正常显示:拷贝过来的很多样式在博客中都不能正常显示二.文字排版Typography 目录字体字体定义字体辅助 Class Webkit 反锯齿字体相关链接元素基本样式标题 <h1> - <h6> 段落 &l…

amazeui学习笔记--css（基本样式2）--基础设置Base

amazeui学习笔记--css(基本样式2)--基础设置Base 一.总结 1.盒子模型:外margin,内padding,这里的内外指的边框 2.border-box:Amaze UI 将所有元素的盒模型设置为 border-box -moz-box-sizing: border-box; 3.em和px:根据字号做相应变化的场景也使用了 em,需要像素级别精确的场景也使用了 px 4.字号设置:Amaze UI 将浏览器的基准字号设置为 62.5%,也就是 10px,现在 1rem…

amazeui学习笔记--css（基本样式）--样式统一Normalize

amazeui学习笔记--css(基本样式)--样式统一Normalize 一.总结 1.统一浏览器默认样式: Amaze UI 也使用了 normalize.css,就是让不同浏览器显示相同的样式 2.Normalize.css:在默认的HTML元素样式上提供了跨浏览器的高度一致性. 二.样式统一Normalize 在统一浏览器默认样式上,Reset 一度非常流行,更有简单粗暴的通配符 reset : Copy * { margin: 0; padding: 0; border:0; } 时…

CSS之元素显示隐藏，用户界面样式，文本溢出隐藏，精灵技术，三角形

元素的显示与隐藏 display 显示 display 设置或检索对象是否及如何显示 display: none; 隐藏对象 display: block; 除了转换为块级元素, 同时还有显示元素的意思特点:隐藏之后不再保留位置: visibility 可见性 visibility 设置或检索是否显示对象 visibility: visible; 对象可视 visibility: hidden; 对象隐藏特点:隐藏之后,继续保留位置: overflow 溢出检索或设置对象的内容超出其指定高…