注册了网站之后怎么设计,怎样用电脑和网訨自己做网站,外包建设网站,神奇的工作室最新网站color:设置字体颜色:
取值方式有#xff1a;1.颜色值red,green等 、2.十六进制#FF0000,#FF2313等、3.RGB代码rgb(225,225,112)或rgb(100%,55%,0%)#xff0c;取值范围0-225#xff0c;0%-100%#xff0c;rgba是rgb的扩展#xff0c;其中第四个参数设置的是透明度#xf…color:设置字体颜色:
取值方式有1.颜色值red,green等 、2.十六进制#FF0000,#FF2313等、3.RGB代码rgb(225,225,112)或rgb(100%,55%,0%)取值范围0-2250%-100%rgba是rgb的扩展其中第四个参数设置的是透明度取值范围为0-1注意IE低版本不支持此属性低版本IE需要filter:Alpha(opacity50)opacity值为0 到 100如下 p{color:rgba(112,33,65,0.7);/* 第四个参数设置的是透明度0.7中的0可以省略直接写 .7 */}text-align:设置文本的对齐方式:
强调的是容器中文字对齐其值left左对齐、right右对齐、center居中对齐 justify两边对齐自动控制字距使文本紧靠两边显示 div{text-align:center;}text-indent:设置段落文本首行缩进:
其单位使用emem是根据字体大小变化的。 p{text-indent:2em;}text-decoration:文本装饰:
通常用于给链接装饰效果当然其他元素依然适用其值有none标准的文本、underline下划线文本、overline上划线文本、line-through中划线文本、blink闪烁兼容性极大忽略此值。 a{text-decoration:none;}p{text-decoration:underline;}list-style设置列表样式:
list-stylenone去掉列表前面的点。 li {list-style: none;}cursor设置鼠标样式 li {cursor: pointer;}其值有 继 outline轮廓线
表单input和文本域textarea默认有轮廓线想要去掉默认的轮廓线就要使用outline属性其值none取消轮廓线值0也是取消轮廓线一般去掉默认的轮廓线后会添加上一个border边框。 input {outline: none;border: 1px solid black;}resize防止拖拽textarea文本域尺寸
textarea文本域默认有一个拖拽变化尺寸的小脚一般是通过resize: none来去掉的。 textarea {resize: none;outline: none;border: 1px solid black;}vertical-align:设置行内元素及行内块元素对齐方式:
baseline基线对齐默认值、super垂直对齐文本上标、sub垂直对齐文本下标、top把元素的顶端和行中最高元素的顶端对齐、text-top把元素的顶端与父元素的文本顶端对齐、middle把此元素垂直居中在父元素中部、bottom把元素的顶端与行中最低元素的顶端对齐、text-bottom把元素的低端与父级元素字体的低端对齐、20px等具体的像素值、30%等百分比、inherit继承父级元素vertical-align值 stylediv {height:500px;background-color:yellow;font-size:50px;}img,del {vertical-align:middle;}/stylediv classmainsapn中文English/spandel测试Test/delimg srcmiddle.PNG alt/divwhite-space设置溢出文字是否换行:
在实际开发中为了防止超出文字自动换行使用white-space可以很好的解决这个问题其值normal默认的会换行、nowrap强制在同一行中显示所有文本直到遇到br标签才换行。
text-overflow文字溢出显示省略号:
其值clip文本超出不显示省略号只是做简单的裁剪、ellipsis文本超出后会显示省略号。 div {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}提示本文图片等素材来源于网络若有侵权请发邮件至邮箱810665436qq.com联系笔者 删除。 笔者苦海
