首页 > 其他分享 >css属性

css属性

时间:2024-06-06 16:44:28浏览次数:18  
标签:text px 字体 background font border css 属性

  1. 字体属性:

{height:*px}   高度
{width:*px}    宽度

{font-size:*px}   字体大小
{color:red/rgb()/#4f4f4f}      字体颜色
{font-style:normal/italic/oblique} 字体倾斜
{font-variant:normal/smal-caps} 
{font-weight:normal/bold/bolder/lighter/integer}  字体粗细

{font-stretch:normal/ultra-condensed/extra-condensed/...} 拉伸字体

{font-family:}  字体家族


文本属性

{text-align:
left/right/center/justify/start/end/match}   文本对齐方式

{text-indent:*px}  文本缩进



文本装饰

{text-decoration-line:
none/underline/overline/line/line-through/blink}   线装饰器
{text-decoration-style:
solid/wavy/dotted/double/dashed}  线型
{text-shadow:none/length} 

背景和边框属性

{border:*px}   
{background-color:red}   背景颜色
{background-image:none/url(地址)} 背景图片

{background-position:center/left/right/top/bottom} 背景位置
{background-size:*px/auto/cover/contain}  背景大小

{background-repeat:repeat-x/...} 背景填充方式

边框border

{border-radium:}
{border-color:}
{border-width:}
{border-style:}
{border-shadow:}
{border-image:url()}
{border-}

display属性:把级标签换级(块,行)

{display:inline/block/inline-block}

标签:text,px,字体,background,font,border,css,属性
From: https://www.cnblogs.com/zenopan101861/p/18235586

相关文章

  • css选择器
    选择器组合选择器类型后代选择器儿子选择器毗邻选择器弟弟选择器代码说明div1>div2,p2,span2>p1,span1<div>div1<div>div2<p>p1</p></div><p>p2<span>span1</span></p><span......
  • 深入学习 CSS 中的伪元素 ::before 和 ::after
    CSS伪元素用于为元素的指定部分设置样式,作为回顾,先来看下 Mozilla 开发者网站上的解释:伪元素是一个附加至选择器末的关键词,允许你对被选择元素的特定部分修改样式。例如 ::first-line 伪元素可用于更改段落首行文字的样式。可用的CSS伪元素不是很多,但是,作为前端工程师......
  • css 理解了原理,绘制三角形就简单了
     1.border-位置注意:border-bottom/up/right/left主要是以三角形的结构搭建而成,而border也是如此。而且从边框的外围开始计算像素尺寸。在理解了这一点之后,绘制三角形就简单多了。1.transparent注意:该属性主要是颜色透明。<template> <mainstyle="width:500px;border:......
  • 制作一个简单HTML静态网页(HTML+CSS) (2)
    ......
  • 一个简单的HTML网页 、个人主页网页设计(HTML+CSS) (2)
    ......
  • Spring - AOP - @EnableAspectAutoJAutoProxy 与其属性exposeProxy,proxyTargetClass
    这三个属性是Spring框架中与AOP(面向切面编程)相关的配置。 EnableAspectJAutoProxy:这是一个注解,用于开启Spring对AspectJ的自动代理功能。  exposeProxy:这个属性用于配置是否需要将代理对象暴露给AOP创建的Subject,这样就可以在代理对象内部通过AopContext.currentProxy......
  • 创建属性property时,不用官方的 default 说明符;
    创建属性property时,不用官方的default说明符;首先看个案例TPerson=classpublishedpropertyAge:IntegerreadFAgewriteSetAgedefault20;end;我们创建一个TPerson类给其一个属性,然后使用了default20关键字,按照我们的理解应该是这个age属性的默认值就......
  • Spring运维之boot项目打包jar和插件运行并且设置启动时临时属性和自定义配置文件
    打包与运行window版本上制作我们要把idea中的程序抽取出来作为一个独立的jar包把jar包放到服务器上服务器是长期运行的我们就能随时访问了在Maven的生命周期中选择package打包功能在资源管理器中查找java-jar文件名.jarjava-jar文件名.jar但是我们在测试里面......
  • CSS
    css介绍用来对HTM进行装饰的注释语法:/**/语法结构:选择符书写位置直接写在style标签中<style>h1{color:red}</style>直接在标签中定义一个style属性<h1style='color:read'>***</h1>通过外部文件引入<linkrel='',href=''>......
  • web 关于CSS
    我主要将两个好理解的:1这个代码是直接写在html里的,这个是不安全的。还有这个是在<head>标签下的。<styletype="text/css">body{background-image:url('images/background2.jpeg');background-size:cover;line-height:2;}.center-text{text-align:......