不讲点,把之前学的搞一起,混合走 【先搞大框架,接着死扣细节(脑子疼)】
建大文件前,先把所有样式清零,放在一个css文件中,可重复使用 去掉常用:normal,none
清除加粗:font-weight: normal;
行标签转块标签:diaplay:block; 【没讲,让用】
外填充:算距离每个格子距离,左右是填充叠加的
去掉a,u下划线: a,u{ text-decoration: none; }
input 框样式特点,点到会变色
去掉输入框默认变色效果: input{ outline: none; }
去掉图片所带的样式: img{ display: block; } 本身图片会有默认空间距离
小写变大写:text_transfrom:uppercase;
placeholder="你想要提示的内容" ?
placeholder和value区别是啥?
先显示value,作为表单数据;如果没有value则显示placeholder,一个占位符。
placeholder 与 value 区别:placeholder可以用于密码内可见文字提示 【处理密码输入框】,有了placeholder,可以那个眼隐藏或显示密码。
value它不行
两个行标签中间天然会产生空格 行标签特有属性
插img图片,通常放在<h1></h1>标签中。
表单按键框本来输入的初始值,再加个图片会掩盖吗? 【会,直接把input搞个内填充】
盒子套盒子,里面盒子设有高,会把外面盒子撑起来,造成外面盒子和它一样
设哪个,就在他自己或者傍边设置
搞谁悬浮有特效,就找点的那个最里面的 li里面只有a,选li,li有多个,选叉气死。
行高字体大小一样,可以消除微小误差。
上午没听,脑子再飞,下午听的脑子接不上
行高:前一行文字顶到后一行文字顶的距离,
文字前面的点,不用打,直接插图片
text-indent: 13px;【不知道干啥?】 和 padding-left: 13px;同样效果 【?】
懵,text-indent,padding-left作用块元素,padding-left搞一段里面的左排,text-indent搞一段里面的第一行
1em=12px
元素与元素之间的间距:用margin
元素内部之间的间距用:padding
给一列文字傍边加图标,直接以背景图片插入li中,再把文字搞个爬到padding。
想把文字和转成块的图片搞一起,先把要搞的本身转成块,然后再浮动
把文字和图片居中排一排
(1)用定位可以搞【子绝副相,相对】
(2)设置行高+padding_top的【调整的数值】,合计等于原始行高也可以
本文探讨了前端开发中的CSS样式应用,包括清除默认样式、元素转换、边距处理、文字与图片排版等。重点讲解了如何利用display属性、line-height、text-indent和padding来调整布局和样式。同时,提到了placeholder与value的区别及其在密码输入框中的应用。文章还涉及了元素间的间距处理和定位技术,帮助开发者更好地理解和实现页面布局。

341

被折叠的 条评论
为什么被折叠?



