1. 首页
  2. IT资讯

高薪的IT世界,css初步二,让你看头条之余轻松学习

“u003Cdivu003Eu003Cp class=”标题_2″u003Eu003Cstrongu003E行高u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E◆浏览器默认文字大小u003Cu002Fpu003Eu003Cp class=”正文”u003E浏览器默认文字大小:16pxu003Cu002Fpu003Eu003Cp class=”正文”u003E行高:是基线与基线之间的距离u003Cu002Fpu003Eu003Cp class=”正文”u003E行高=文字高度+上下边距u003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002F66b80002724b09ea525c” img_width=”740″ img_height=”360″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E一行文字行高和父元素高度一致的时候,垂直居中显示。u003Cu002Fpu003Eu003Cp class=”标题_3″u003Eu003Cstrongu003E行高的单位u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E总结:单位除了像素以为,行高都是与文字大小乘积。u003Cu002Fpu003Eu003Cp class=”正文”u003E总结:不带单位时,行高是和子元素文字大小相乘,em和%的行高是和父元素文字大小相乘。行高以像素为单位,就是定义的行高值。u003Cu002Fpu003Eu003Cp class=”正文”u003E◆推荐行高使用像素为单位。u003Cu002Fpu003Eu003Cp class=”标题_2″u003Eu003Cstrongu003E盒子模型u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F66b80002724cb6b15b17″ img_width=”381″ img_height=”403″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”标题_3″u003Eu003Cstrongu003E边框 borderu003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003EBorder-top-style: solid 实线u003Cu002Fpu003Eu003Cp class=”正文”u003Edotted 点线u003Cu002Fpu003Eu003Cp class=”正文”u003Edashed 虚线u003Cu002Fpu003Eu003Cp class=”正文”u003EBorder-top-color 边框颜色u003Cu002Fpu003Eu003Cp class=”正文”u003EBorder-top-width 边框粗细u003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002F66ba0001572ede927818″ img_width=”562″ img_height=”263″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E◆u003Cstrongu003E边框属性的连写 u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cstrongu003E特点:没有顺序要求,线型为必写项。u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002F66b8000272516d398fa8″ img_width=”409″ img_height=”70″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E◆四个边框值相同的写法u003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F66b7000298928765dc3a” img_width=”441″ img_height=”115″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cstrongu003E特点:没有顺序要求,线型为必写项。u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”标题_3″u003Eu003Cstrongu003E边框合并 border-collapse:collapse;u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F66ba0001572fb7b05053″ img_width=”414″ img_height=”215″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”标题_3″u003Eu003Cstrongu003E获取焦点u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002F66ba00015730a615a42a” img_width=”512″ img_height=”209″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Elabel for id 获取光标焦点u003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp3.pstatp.comu002Flargeu002F66b900020d9daaf79cd3″ img_width=”787″ img_height=”67″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”标题_3″u003Eu003Cstrongu003E内边距u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003EPadding-left | right | top | bottomu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F66b700029895a43d31f7″ img_width=”431″ img_height=”317″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E◆padding连写u003Cu002Fpu003Eu003Cp class=”正文”u003EPadding: 20px; 上右下左内边距都是20pxu003Cu002Fpu003Eu003Cp class=”正文”u003EPadding: 20px 30px; 上下20px 左右30pxu003Cu002Fpu003Eu003Cp class=”正文”u003EPadding: 20px 30px 40px; 上内边距为20px 左右内边距为30px 下内边距为40u003Cu002Fpu003Eu003Cp class=”正文”u003EPadding: 20px 30px 40px 50px; 上20px 右30px 下40px 左 50pxu003Cu002Fpu003Eu003Cp class=”正文”u003E◆u003Cstrongu003E内边距撑大盒子的问题u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E影响盒子宽度的因素u003Cu002Fpu003Eu003Cp class=”正文”u003E内边距影响盒子的宽度u003Cu002Fpu003Eu003Cp class=”正文”u003E边框影响盒子的宽度u003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cstrongu003E盒子的宽度=定义的宽度+边框宽度+左右内边距u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cstrongu003E◆继承的盒子一般不会被撑大u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E包含(嵌套)的盒子,如果子盒子没有定义宽度,给子盒子设置左右内边距,一般不会撑大盒子。u003Cu002Fpu003Eu003Cp class=”标题_3″u003Eu003Cstrongu003E外边距u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003Emargin-left | right | top | bottomu003Cu002Fpu003Eu003Cp class=”正文”u003Eu003Cimg src=”http:u002Fu002Fp1.pstatp.comu002Flargeu002F66b60002b29ee154b26c” img_width=”425″ img_height=”292″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E◆外边距连写u003Cu002Fpu003Eu003Cp class=”正文”u003EMargin: 20px; 上下左右外边距20PXu003Cu002Fpu003Eu003Cp class=”正文”u003EMargin: 20px 30px; 上下20px 左右30pxu003Cu002Fpu003Eu003Cp class=”正文”u003EMargin: 20px 30px 40px; 上20px 左右30px 下 40pxu003Cu002Fpu003Eu003Cp class=”正文”u003EMargin: 20px 30px 40px 50px; 上20px 右30px 下40px 左50pxu003Cu002Fpu003Eu003Cp class=”正文”u003E◆u003Cstrongu003E垂直方向外边距合并u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E两个盒子垂直一个设置上外边距,一个设置下外边距,取的设置较大的值。u003Cu002Fpu003Eu003Cp class=”正文”u003E◆u003Cstrongu003E嵌套的盒子外边距塌陷u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E解决方法: 1 给父盒子设置边框u003Cu002Fpu003Eu003Cp class=”正文”u003E2给父盒子overflow:hidden; bfc 格式化上下文u003Cu002Fpu003Eu003Cp class=”标题_2″u003Eu003Cstrongu003EFireworks的基本使用u003Cu002Fstrongu003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E新建文件 ctrl+nu003Cu002Fpu003Eu003Cp class=”正文”u003E打开文件 ctrl+ou003Cu002Fpu003Eu003Cp class=”正文”u003E调出和隐藏标尺 ctrl+ru003Cu002Fpu003Eu003Cp class=”正文”u003E清除辅助线: 视图—辅助线—-清除辅助线u003Cu002Fpu003Eu003Cp class=”正文”u003E放大镜 z 放大镜状态下alt+鼠标左键 缩小u003Cu002Fpu003Eu003Cp class=”正文”u003E抓手 快捷键 空格u003Cu002Fpu003Eu003Cp class=”正文”u003E测量距离 ★先拉出2根辅助线u003Cu002Fpu003Eu003Cp class=”正文”u003E★切换到指针工具u003Cimg src=”http:u002Fu002Fp9.pstatp.comu002Flargeu002F66b7000298973730fdf9″ img_width=”72″ img_height=”116″ alt=”高薪的IT世界,css初步二,让你看头条之余轻松学习” inline=”0″u003Eu003Cu002Fpu003Eu003Cp class=”正文”u003E★将光标放到2根辅助线之间,按住shift键u003Cu002Fpu003Eu003Cp class=”正文”u003E想系统学习的可以私信小编【系统学习】即可。u003Cbru003Eu003Cu002Fpu003Eu003Cu002Fdivu003E”

原文始发于:高薪的IT世界,css初步二,让你看头条之余轻松学习

主题测试文章,只做测试使用。发布者:℅傍ㄖ免沦陷dε鬼,转转请注明出处:http://www.cxybcw.com/11394.html

联系我们

13687733322

在线咨询:点击这里给我发消息

邮件:1877088071@qq.com

工作时间:周一至周五,9:30-18:30,节假日休息

QR code