js学习以后坚持一日一更,和大家分享我每天学习的成果及经验,让想要学习的小伙伴少走弯路。
学习一门语言,首先要了解它的基本属性,所以我们从最基本的文本属性学起,这样也便于以后的学习。一、text-indent首行缩进,注意:text-indent只能用在块级元素
textstyle='text-indent:20px;'吉利帝豪发时间考虑好的快乐撒娇的凯撒经理/text!--不会缩进--viewstyle='text-indent:20px;'吉利帝豪发时间考虑好的快乐撒娇的凯撒/view二、text-decoration上中下划线text-decoration:none去掉超链接的默认线条下划线textstyle='text-decoration:underline;'123/text上划线textstyle='text-decoration:overline;'123/text中划线textstyle='text-decoration:line-through;'123/text
三、text-overflowtext-overflow:ellipsis文本溢出变成省略号;务必注意:使用text-overflow时,需要设置固定的宽度才起作用,所以该元素必须具有块状元素的属性(款装元素+行内块状元素)必须配合着overflow:hidden;white-space:nowrap;才会起作用line-clamp:2;显示的行数word-break:break-all自动换行box-orient:vertical从上到下自动排列子元素
四、text-shadow文字阴影:text-shadow:xybc;x:x轴y:y轴b:阴影模糊程度c:颜色textstyle='text-shadow:2px2px5pxred;'ghjkl/text
五、text-transform修改字体大小写,text-transform这个属性有4个值:none|uppercase|lowercase|capitalizenone默认。定义带有小写字母和大写字母的标准的文本。capitalize文本中的每个单词以大写字母开头。uppercase定义仅有大写字母。lowercase定义无大写字母,仅有小写字母。inherit规定应该从父元素继承text-transform属性的值
viewstyle='text-transform:none;'sadadsad/viewviewstyle='text-transform:uppercase;'sadadsad/viewviewstyle='text-transform:lowercase;'ASDADA/viewviewstyle='text-transform:capitalize;'asddadasdas/view六、word-breakword-break:break-all;自动换行配合text-overflow和line-clamp就可以实现自动换行,加最后一行省略号结尾
七、word-wrapword-wrap长单词自动换行,一个单词太长第一行显示不下,那么这个单词会举家迁到第二行,而word-wrap则会使单词在该换行的地方换行
八、word-spacingword-spacing属性可以改变字(单词)之间的标准间隔默认值normal与设置值为0是一样的word-spacing:n;n为正时就加大字体间的间距,n为负的时候就减小字体间的间距如果是单词组成的一句话,那么单词之间的距离会变化,字母之间的距离不会变化,文字也是一样的viewclass='spc'sadsadsa范德萨发生萨达/view
九、letter-spacingletter-spacing字母之间的间隔,文字之间的间隔textstyle='letter-spacing:1em;'asdsadas阿萨德/text
十、directiondirection文本的方向,并不是改变文本中内容的方向,而是改变整个文本的起始位置viewstyle='direction:rtl;'sadada收到了卡/view从右到左viewstyle='direction:ltr;'sadada收到了卡/view从左到右
十一、font-variantfont-variant字体变形,改变字母的大小font-variant:normal;默认样式viewstyle='font-variant:normal;'奥萨达dkl;sAd/viewfont-variant:small-caps;小写字母变大写viewstyle='font-variant:small-caps;'奥萨达dkl;sad/view
十二、outlineoutline边框
outline-color设置轮廓的颜色
outline-style设置轮廓的样式
outline-width设置轮廓的宽度
outline-color属性可能的值属性描述color_name规定颜色值为颜色名称的轮廓颜色(比如red)。hex_number规定颜色值为十六进制值的轮廓颜色(比如#ff0000)。rgb_number规定颜色值为rgb代码的轮廓颜色(比如rgb(255,0,0))。invert默认。执行颜色反转(逆向的颜色)。可使轮廓在不同的背景颜色中都是可见。inherit规定应该从父元素继承轮廓颜色的设置。
outline-style属性可能的值属性描述none默认。定义无轮廓。dotted定义点状的轮廓。dashed定义虚线轮廓。solid定义实线轮廓。double定义双线轮廓。双线的宽度等同于outline-width的值。groove定义3D凹槽轮廓。此效果取决于outline-color值。ridge定义3D凸槽轮廓。此效果取决于outline-color值。inset定义3D凹边轮廓。此效果取决于outline-color值。outset定义3D凸边轮廓。此效果取决于outline-color值。inherit规定应该从父元素继承轮廓样式的设置。
outline-width属性可能的值属性描述thin规定细轮廓。medium默认。规定中等的轮廓。thick规定粗的轮廓。length允许您规定轮廓粗细的值。inherit规定应该从父元素继承轮廓宽度的设置。
最新资讯
-

小程序制作平台选型踩坑记录:2026年五大主流方案横向对比
2026 年微信小程序月活达 10.7 亿、覆盖 108 个行业,本次横向对比即速应用、乔拓云、凡科、有赞、微盟五大主流平台,分三阶段给出选型结论,核心聚焦成本、扩展性、运营能力三大维度。 -

即速应用,赋能企业玩转微信小程序智慧经营
作为国内领军的智慧商业经营服务商,即速应用始终秉承“让每个企业都拥有自己的智慧店铺”的愿景,持续赋能更多企业玩转智慧经营。即速应用旗下拥有“小程序搭建工具-即速应用”、“私域流量专家-即客云”等产品,帮助商家打通互联网全生态营销闭环。 -

即客云2.0重磅更新,让微信小程序运营更简单!
即客云作为一款基于企业微信的第三方工具,现从多维度提供超过30种功能,自上线以来,已服务多家企业,受到一致好评。近期,我们根据客户反馈和市场调研正式推出升级版 即客云2.0!更新了私域运营SOP,群日历功能,批量拓客,客户雷达,消息推送,个人欢迎语,帮助企业更好运用企业微信;同时提升了社群运营工作标准化,提升运营效率,帮助企业实现客户增长,玩转私域流量。










