CSS的各种重要属性

最新推荐文章于 2022-07-21 16:27:34 发布
最新推荐文章于 2022-07-21 16:27:34 发布
阅读量146 收藏
点赞数
原文链接：http://www.cnblogs.com/XieMinQiang/p/6025960.html
版权

CSS属性图

01文字属性

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>文字属性</title>

    <style>

        p{

            font-style: italic;

            font-weight: bold;

            font-size: 10px;

            font-family:"楷体";

        }

    </style>

</head>

<body>

<!--

02字体属性补充

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>字体属性补充</title>

    <style>

        p{

            /*

            被注释掉的内容

            */

            /*font-family:"乱七八糟的字体", "微软雅黑";*/

            /*font-family: Arial, "微软雅黑";*/

            font-family:"Microsoft YaHei";

        }

    </style>

</head>

<body>

03-文字属性的缩写

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>文字属性的缩写</title>

    <style>

        p{

            /*

            font-style: italic;

            font-weight: bold;

            font-size: 10px;

            font-family:"楷体";

            */

            font:bold italic 10px "楷体";

        }

    </style>

</head>

<body>

<!--

04-文本属性

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>文本属性</title>

    <style>

        p{

            text-decoration: none;

            text-align: left;

            text-indent: 2em;

 

        }

        a{

            text-decoration: none;

        }

    </style>

</head>

<body>

<!--

05-颜色属性

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>颜色属性</title>

    <style>

        p{

            /*color: red;*/

            /*color: rgb(255,0,0);*/

            /*color: rgba(255,0,0,1);*/

            color: #FF0000;

            color: #F00;

            /*color: rgba(255,0,0,0.2);*/

            color: #ffee00;

            color: #fe0;

            color: #769abb;

        }

    </style>

</head>

<body>

<!--

 关注微信公众号

      更多好内容

      如果你觉得我的文章对你有帮助,请支持我,你的支持是我最大的动力 

 

转载于:https://www.cnblogs.com/XieMinQiang/p/6025960.html

dod83985
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
CSS常用属性一览表
07-25
css常用属性
CSS 透明度属性
12-08
CSS 透明度属性是网页设计中用于控制元素可见度的重要工具，它允许元素呈现出不同程度的透明，从而实现渐变效果或者让背景元素透过前景元素显示出来。本文将深入探讨CSS透明度属性及其在不同浏览器中的兼容性问题。 ...
几个CSS的重要属性
Pesally的博客
01-29 495
font-weight:lighter 可以让字体变得更纤细，好看一些 -webkit-border-radius和-moz-border-radius可以在chrome和firefox浏览器中引入圆角矩形
CSS几个重要的属性
天干地支甲
07-10 158
1、圆角 border-radius 2、阴影box-shadow 3、@media 媒体查询 4、Gradient（渐变）属性 linear-gradient（to right,#333,#fff） 5、background-size 设置背景图像大小 6、font-face 自定义web字体 7、clearfix处理浮动 .clearfix{ display:inline-block; } .clearfix:after{ content:"."; display:block; clear:both;
css重要属性
weixin_44305559的博客
08-02 138
@CSS笔记 html css javascript 语法:1.属性名和属性值之间使用 : 隔开 2.多对属性之间使用;隔开 3.最后一对属性可以不加分号 共有属性： id style=“根据css语法进行设置” class title width:100px; 速记写法：简写形式： div 盒子：内容区＋内边距+外框+外边距 padding-left:10px; margin-left:10px; padding-right:10px; padding-top:10px; padding-b
重要的CSS属性总结
aclg25510的博客
03-02 104
　　1.边框盒模型和box-sizing属性 　　　　标准CSS盒模型规定width和height样式属性只包含内容区域，不包括内边距和边框。称作“内容盒模型”。 　　　　box-sizing:border-box将会变成边框盒模型，即,height和widht包括内边距和边框。 　　　　Chrome和Safari使用-webkit-box-sizing,Firefox使用-moz...
CSS教程 CSS定位属性
09-25
总的来说，CSS定位属性提供了丰富的布局工具，使得开发者能够创建各种复杂和动态的网页布局，无论是一列或多列布局，还是元素的重叠效果，都可以通过灵活运用这些属性来实现。理解并熟练掌握这些定位属性，对于提升...
深入理解CSS中的属性模块
09-25
主要介绍了深入理解CSS中的属性模块,里面讲到了CSS中的类等重要进阶知识,需要的朋友可以参考下
初步认识css自定义属性
09-22
【CSS自定义属性】，也称为CSS变量，是现代CSS中的一个重要特性，它极大地提高了样式表的可维护性和代码复用。预处理器如Sass、Less等虽然在之前提供了变量功能，但CSS自定义属性提供了原生支持，无需额外编译步骤。...
CSS教程：CSS3圆角属性
12-01
在CSS世界中，圆角矩形的实现是一个重要的设计元素，它使得网页界面看起来更加平滑和现代化。本文将深入探讨CSS3中的圆角属性，尤其是`border-radius`，以及如何处理不同浏览器之间的兼容性问题。 `border-radius`...
CSS几个重要属性
weixin_41082623的博客
07-25 866
Position属性： 规定元素定位类型: 1.static (默认值)没有定位 元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。 1.absolute绝对定位 相对于父元素进行定位，元素位置通过top right bottom left属性进行规定，不占位置。 2.relative 相对定位 相对其正常位置进行定位，用ma...
CSS布局中的几个重要属性,width,height,margin,padding,float,position
交换一个思想，能得到俩思想
03-22 3308
首先来看看CSS中的盒子模型，如下图： 我们可以把它想像成现实中上方开口的盒子，然后从正上往下俯视，边框相当于盒子的厚度，内容相对于盒子中所装物体的空间，而填充呢，相当于为防震而在盒子内填充的泡沫，边界呢相当于在这个盒子周围于其他物品要留出一定的空间。是不是这样就很容易理解盒模型了。 所以整个盒模型在页面中所占的宽度是由左边界+左边框+左填充+内容+右填充+右边框+右边界组成，而css样式
CSS的必备属性
m0_69254913的博客
06-01 153
常见的CSS属性
CSS——常用属性
Guizy
12-12 9370
CSS目录 CSS起源 CSS常见属性 文字属性 文体属性 颜色属性 CSS选择器 标签选择器 id选择器 类选择器 id选择器和类选择器的区别 后代选择器 子元素选择器 后代选择器和子元素选择器之间的区别 交集选择器 并集选择器 兄弟选择器 相邻兄弟选择器 通用兄弟选择器 序选择器 属性选择器 通配符选择器 CSS起源 跳转到目录 分析: 有一个标题H1,...
css的三大属性
weixin_47481102的博客
04-28 765
css有三个非常重要的三大属性：层叠性、继承性、优先级。 1.层得性 相同选择器给设置相同的样式，此时一个样式就会覆盖（层叠）另一个冲突的样式。层叠性主要解决样式冲突的问题。 层叠性原则： 样式冲突，遵循的原则是就近原则，哪个样式离结构近，就执行哪个样式 样式不冲突，不会层叠 1.1练习 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <met
css3 重要属性,css3强大属性详解（一）
weixin_35460054的博客
08-03 233
css3强大属性详解(一)发布时间：2020-03-26 15:59前端接触最多的是html和css,但是自从有了html5，css3也一起捆绑的出现了，自此，想知道css3到底是什么？其实css3也是一种样式表，它和css一样，也是可以控制页面的布局、字体、颜色、背景等，只要对相应的代码做一些修改，就可以改变页面的外观和格式，但是css3提供了更多的新途径去改善新设计，也是一大重要变化，css3...
CSS常见属性详解
Clf丶忆笙
09-03 1146
1. CSS文字属性： color : #999999; 文字颜色 font-family : 宋体,sans-serif; 文字字体 font-size : 9pt; 文字大小 font-style:itelic; 文字斜体 font-variant:small-caps; 小字体 letter-spacing : 1pt; 字间距离 line-height : 200%; 设置...
css与css3经常用到的属性
吕秀军的博客
07-05 1835
一、字体 1、字体属性     font-style:italic(倾斜)、normal(正常，默认的);     font-weight:bold(加粗)、bolder(比加粗还粗，但字体有极限，到达最粗就不会变的再粗了)、lighter(细线，默认就是细的);     font-size:30px;     font-family:"宋体","Times New Roman","楷体
CSS属性大全
ss810540895的博客
07-21 2万+
css属性代码大全。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值