CSS常见元素属性

最新推荐文章于 2024-02-16 10:17:34 发布
最新推荐文章于 2024-02-16 10:17:34 发布
阅读量726 收藏 1
点赞数
分类专栏： Java Web 文章标签： css css3 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ccyzq/article/details/122030670
版权
本文介绍了CSS中的字体属性，包括font-family、font-size、font-style和font-weight；文本属性，如text-align、text-decoration和text-indent；背景属性，如background-color、background-image、background-size和background-repeat；以及矩形设置，如border-radius、边框和阴影。这些是CSS布局和美化网页的基础。
摘要由CSDN通过智能技术生成

文章目录

一、字体属性font

1、 font-family：字体 ※

在这里插入图片描述

2、font-size：字体大小 ※

在这里插入图片描述

  • 只可以是绝对值，可以是相对值。绝对值从大到小：xx-large、x-large、large、medium（默认）、small、x-small、xx-small；单位可以是px或者em，也可以是百分比。

3、font-style：字体样式

  • normal: 正常字体
  • italic: 倾斜字体
  • oblique:人为倾斜字体

4、font-weight：字体粗细程度

  • bolder 特粗体
  • bold 粗体
  • normal 正常
  • lighter 细体
  • 或者100~900之间的9个等级 ，900对应bolder，700对应bold，400对应normal，视觉上差距不是很大，但是可以提高当前页面的权重

二、文本属性

1、text-align：文本水平对齐

  • center ：居中对齐
  • left：左对齐&#x
最低0.47元/天 解锁文章
小曹要加油
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
CSS基础元素，属性总结
weixin_52192654的博客
12-01 325
CSS基础元素，属性总结 1.什么是CSS? CSS-Cascading Style Sheet[层叠样式表] 是用于(增强)控制网页[html]样式并允许将样式信息与网页内容分离的一种标记性语言. 2.css选择器 元素选择器---根据html元素的名称选中被控制的html标记。元素名称{ }; id选择器--根据给html标记设置的id属性来选中被控制的html标记 格式 #id名称{ } // 例：#p1{font-size: 20px;color: orange;} 类【c...
CSS常用属性
weixin_33894640的博客
07-02 102
要做个BS的网站项目，恶补一下CSS。 CSS常用属性： 字体属性：(font)大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height: normal;(正常) 单位：PX、PD、EM粗...
常见元素的属性特点
侯阮悦的博客
07-25 392
块级元素： 独占一行；不可解析换行符；可设置宽高和上下边距；不设置宽度的情况下和父元素保持一致； <p><div><h1>~<h6><ol><ul><strong> 行内元素： 多个元素可以一行显示；解析换行符；元素的宽高和上下边距不可设置；不设置宽度的情况下，默认为内容的宽度不可改变；<span&g...
css常用元素属性
m0_52083255的博客
01-12 486
css常用元素属性字体属性文本属性文本对齐文本装饰文本缩进行高背景属性背景颜色背景图片背景平铺背景位置背景尺寸圆角矩形盒模型弹性布局 字体属性 项目 Value 字体类型 font-family 字体大小 font-size 字体粗细 font-weight 文本样式 font-style 字体颜色 color 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta char
快速拿捏CSS中的常用的元素属性
weixin_46103589的博客
02-25 508
文章目录一、字体相关属性1.1 设置字体样式1.2 设置字体大小1.3 设置字体粗细1.4 设置文字样式二、文本相关属性2.1 设置文本颜色2.2 设置文本对齐2.3 设置文本装饰2.4 设置文本缩进2.5 设置行高三、背景相关属性3.1 设置背景颜色3.2 设置背景图片3.3 设置背景平铺3.4 设置背景位置3.5 设置背景尺寸四、有关圆角矩形 CSS中的元素属性多且杂，想要熟练掌握CSS，常用的元素属性需要进行牢记，多多加以应用，熟能生巧 (CSS 参考手册 (w3school.com.cn)) 参考手
css常见定位属性的使用
02-23
对定位属性值进行详解，和常见用法的分享。在CSS中关于定位的内容是:position:relative | absolute | static | fixed。static 没有特别的设定，遵循基本的定位规定，不能通过z-index进行层次分级。在本文中，任何一...
CSS 常见属性
11-01
CSS 常见属性 CSS（Cascading Style Sheets）是一种用于描述网页样式的语言。它可以用来控制网页的布局、颜色、字体、背景图片等多方面的样式。以下是常见的 CSS 属性： 表格样式 在 HTML 中，表格由 `<table>` ...
CSS教程 CSS定位属性
09-25
而`vertical-align`属性用于设置元素的垂直对齐方式，常见于行内元素的布局调整。 总的来说，CSS定位属性提供了丰富的布局工具，使得开发者能够创建各种复杂和动态的网页布局，无论是一列或多列布局，还是元素的...
CSS 表单元素不继承body的字体属性
09-25
标题提到的问题"CSS 表单元素不继承body的字体属性"，实际上是一个常见的CSS陷阱，尤其是对于新手开发者来说。 描述中指出，许多开发者倾向于在`<body>`标签内定义全局的字体样式，以统一整个网页的视觉效果。例如...
推荐一些比较有用的css3新属性
09-25
在本文中，我们将探讨四个非常实用且常见的CSS3新属性，它们分别是：`border-radius`、`box-shadow`、`background-image`（多重背景图片）以及`text-overflow`和`transition`。这些属性不仅提高了工作效率，还能创造...
css常用元素和属性
huaxingling的博客
07-13 180
HTML 常用元素 < metadata >, < > meta常用举例： 设置页面编码: <meta charset="UTF-8"> 设置屏幕尺寸，一般用于移动端: <meta name="viewport" content="width=device-width, initial-scale=1"> ...
CSS_元素的属性有哪些
免费网络加-速-器游戏加/速/器
03-17 9977
元素的分类和特征： 1.块级元素 　　（1）独自占一行 　　（2）可以设置宽高，如果不设置宽，默认是父标签的100%的宽 2.行内元素 　　（1）行内元素在一行内 　　（2）不能设置宽高 3.行内块元素 　　（1）在一行内显示 　　（2）可以设置宽高 /*元素隐藏*/ display:none; /*转为行内块元素*/ display：inline-block; /*转为...
元素的一些常用属性
weixin_30252709的博客
04-26 334
1.innerHTML属性 在读模式下，innerHTML属性返回与调用元素的所有子节点（包括元素、注释和文本节点）对应的HTML标记。在写模式下，innerHTML会根据指定的值创建新的DOM树，然后用这个DOM树完全替换调用元素原先的所有子节点 2.outerHTML属性 在读模式下，outerHTML返回调用它的元素及所有子节点的HTML标...
css常用属性大全
weixin_63477921的博客
02-16 466
【代码】css常用属性大全。
CSS中一些常用的元素和属性
qq_22845391的博客
08-17 304
1.块级元素和行内元素 块级元素：（DIV ul li p...） 块级元素会独占一行，垂直排列 块级元素的默认display值为block。 行内元素：（span img input br...） 行内元素会在一条直线上按水平方向排列 行内元素的默认display值为inline 行内元素设置 height width无效， pading设置水平方向有效垂直方向无效。 设置dis
CSS-元素类型属性
2301_80864686的博客
11-04 255
一个内容不受CSS视觉格式化模型控制，CSS渲染模型并不考虑对此内容的渲染，且元素本身一般拥有固有尺寸（宽度，高度，宽高比）的元素，这些元素往往没有实际的内容，即是一个空元素，置换元素就是浏览器根据元素的属性和属性值，来决定元素的具体显示内容。（2）使用盒子模型的时候，对于间距（内边距和外边距在使用的时候）来讲，块级元素上右下左都能实现效果，且撑开距离，但是在行内元素使用的时候，则不能实现上下，只能实现左右的间距。（1）切换时，遵循一个元素类型切换到另一个元素类型是允许的，如果切换成本类型是没有必要的。
CSS——基本元素属性
xhhhx_的博客
04-27 196
字体属性 字体样式（自身电脑里的字体样式） <style> .font-family .one { font-family: 'Microsoft YaHei'; } .font-family .two { font-family: '宋体'; } </style> <div class="font-family"> <div class="one"> 这是微软雅黑
CSS的常用元素属性,显示模式,盒模型,弹性布局
chenchenchencl的博客
03-08 934
CSS的常用元素属性,显示模式,盒模型,弹性布局
CSS属性
渣渣的夏天
04-10 592
CSS样式属性 CSS背景属性 Background-color:设置元素的背景颜色 属性值： Color_name:颜色值为颜色名称的背景颜色(比如：red) Hex_number:颜色值为十六进制值的背景颜色(比如：#FF0000) Rgb_number:颜色值为rgb代码的背景颜色(比如：rgb(255,0,0)) Transparent:默认。背景颜色为透明。 Bac...
css伪元素属性设置
最新发布
04-11
常见的CSS伪元素包括::before和::after。 1. ::before伪元素：用于在选中元素的内容之前插入内容。可以使用content属性来设置插入的内容，并通过其他CSS属性来进行样式设置。 示例代码： ```css .element::before ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值