广告

扫码关注官方微信

扫码下载APP
返回顶部
首页 > 资讯 > 前端开发 > VUE >常用css样式属性分别是怎样的
  • 157

0
分享到

常用css样式属性分别是怎样的

2024-04-02 19:04:59 157人浏览 安东尼
摘要

常用CSS样式属性分别是怎样的，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。一 CSS文字属性：color : #999999; font

常用CSS样式属性分别是怎样的，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

一 CSS文字属性：
color : #999999;
font-family : 宋体,sans-serif;
font-size : 9pt;
font-style:itelic;
font-variant:small-caps;
letter-spacing : 1pt;
line-height : 200%;
font-weight:bold;
vertical-align:sub;
vertical-align:super;
text-decoration:line-through;
text-decoration: overline;
text-decoration:underline;
text-decoration:none;
text-transfORM : capitalize;
text-transform : uppercase;
text-transform : lowercase;
text-align:right;  
text-align:left;
text-align:center;
text-align:justify;
vertical-align属性
vertical-align:top;
vertical-align:bottom;
vertical-align:middle;
vertical-align:text-top;
vertical-align:text-bottom;
二、CSS边框空白
padding-top:10px;
padding-right:10px;
padding-bottom:10px;
padding-left:10px;
list-style-type:decimal;
list-style-type:lower-roman;
list-style-type:upper-roman;
list-style-type:lower-alpha;
list-style-type:upper-alpha;
list-style-type:disc;
list-style-type:circle;
list-style-type:square;
list-style-image:url(/dot.gif);
list-style-position: outside;
list-style-position:inside;
四、CSS背景样式
background-color:#F5E2EC;  
background:transparent;
background-image : url(/image/bg.gif);
background-attachment : fixed;
background-repeat : repeat;
background-repeat : no-repeat;
background-repeat : repeat-x;
background-repeat : repeat-y;
指定背景位置
background-position : 90% 90%;
background-position : top;
background-position : buttom;
background-position : left;
background-position : right;
background-position : center;
五、CSS连接属性
a
a:link  
a:visited
a:active
a:hover
鼠标光标样式：
链接手指 CURSOR: hand
十字体 cursor:crosshair
箭头朝下 cursor:s-resize
十字箭头 cursor:move
箭头朝右 cursor:move
加一问号 cursor:help
箭头朝左 cursor:w-resize
箭头朝上 cursor:n-resize
箭头朝右上 cursor:ne-resize
箭头朝左上 cursor:nw-resize
文字I型 cursor:text
箭头斜右下 cursor:se-resize
箭头斜左下 cursor:sw-resize
漏斗 cursor:wait
光标图案(IE6)   p {cursor:url(“光标文件名.cur”),text;}
六、CSS框线一览表
border-top : 1px solid #6699cc;
border-bottom : 1px solid #6699cc;
border-left : 1px solid #6699cc;  
border-right : 1px solid #6699cc;
以上是建议书写方式,但也可以使用常规的方式 如下:
border-top-color : #369
border-top-width :1px
border-top-style : solid
其他框线样式
solid
dotted
double
groove
ridge
inset
outset
七、CSS表单运用
文字方块 
按钮 
复选框 
选择钮 
多行文字方块 
下拉式菜单 选项1选项2
八、CSS边界样式
margin-top:10px;
margin-right:10px;
margin-bottom:10px;
margin-left:10px;

九、CSS滤镜属性
 
Filter：在样式中加上滤镜特效。由于此属性内容比较多，我们将到下一章单独对滤镜介绍。
1.Alpha：设置透明度
Alpha(Opacity=?, FinishOpacity=?, Style=?, StartX=?, StartY=?, FinishX=?, FinishY=?)
Opacity：透明度级别，范围是0-100，0代表完全透明，100代表完全不透明。FinishOpacity：设置渐变的透明效果时，用来指定结束时的透明度，范围也是0 到 100。Style：设置渐变透明的样式，值为0代表统一形状、1代表线形、2代表放射状、3代表长方形。StartX和StartY：代表渐变透明效果的开始X和Y坐标。 FinishX和FinishY：代表渐变透明效果结束X和Y 的坐标。
2.BlendTrans：图像之间的淡入和淡出的效果
BlendTrans(Duration=?) Duration：淡入或淡出的时间。注意：这个滤镜必须配合js建立图片序列，才能做出图片间效果。
3.Blru：建立模糊效果
Blur(Add=?, Direction=?, Strength=?) Add：是否单方向模糊，此参数是一个布尔值，true（非0）或false（0）。 Direction：设置模糊的方向，其中0度代表垂直向上，然后每45度为一个单位。 Strength：代表模糊的象素值。
4.Chroma：把指定的颜色设置为透明
Chroma(Color=?) Color：是指要设置为透明的颜色。
5.DropShadow：建立阴影效果
DropShadow(Color=?, OffX=?, OffY=?, Positive=?) Color：指定阴影的颜色。OffX：指定阴影相对于元素在水平方向偏移量，整数。 OffY：指定阴影相对于元素在垂直方向偏移量，整数。 Positive：是一个布尔值，值为true（非0）时，表示为建立外阴影；为false(0)，表示为建立内阴影。
6.FlipH：将元素水平反转
7.FlipV：将元素垂直反转
8.Glow：建立外发光效效果
Glow(Color=?, Strength=?)
Color：是指定发光的颜色。
Strength：光的强度，可以是1到255之间的任何整数，数字越大，发光的范围就越大。
9.Gray：去掉图像的色彩，显示为黑白图象
10.　　Invert：反转图象的颜色，产生类似底片的效果
11.　　Light：放置光源的效果，可以用来模拟光源在物体上的投影效果 注意：此效果需要用JS设置光的位置和强度。
12.　　Mask：建立透明遮罩
Mask(Color=?) Color：设置底色，让对象遮住底色的部分透明。
13.　　RevealTrans：建立切换效果
RevealTrans(Duration=?, Transition=?)
Duration：是切换时间，以秒为单位。
Transtition：是切换方式，可设置为从0到23。
注意：如果做页面间的切换效果，可以在<head>区加上一行代码：<Meta Http-equiv=Page-enter content=revealTrans(Transition=?,Duration=?) >。如果用在页面里的元素必须配合JS使用。
14.　　Shadow：建立另一种阴影效果 Shadow(Color=?, Direction=?) Color：是指阴影的颜色。
Direction：是设置投影的方向，0度代表垂直向上，然后每45度为一个单位。
15.　　Wave：波纹效果
Wave(Add=?, Freq=?, LightStrength=?, Phase=?, Strength=?) Add：表示是否显示原对象，0表示不显示，非0表示要显示原对象。 Freq：设置波动的个数。LightStrength：设置波浪效果的光照强度，从0到100。0表示最弱，100表示最强。 Phase：波浪的起始相角。从0到100的百分数值。（例如：25相当于90度，而50相当于180度。） Strength：设置波浪摇摆的幅度。
16.　　Xray：显现图片的轮廓，X光片效果
注意：在使用CSS滤镜时，必须使用在有区域的元素，比如表格，图片等。而文本，段落这样没有区域的元素不能使用CSS滤镜，对这样的元素我们可以设置元素的Height和Width样式或坐标来实现。"

关于常用css样式属性分别是怎样的问题的解答就分享到这里了，希望以上内容可以对大家有一定的帮助，如果你还有很多疑惑没有解开，可以关注编程网VUE频道了解更多相关知识。

点击免费下载>>软考高级考试备考技巧/历年真题/备考精华资料

--结束END--

本文标题: 常用css样式属性分别是怎样的

本文链接: https://www.lsjlt.com/news/82679.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑，方便收藏和打印～

下载Word文档
去做题
猜你喜欢
  • 常用css样式属性分别是怎样的
    常用css样式属性分别是怎样的，针对这个问题，这篇文章详细介绍了相对应的分析和解答，希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。一 CSS文字属性：color : #999999; font...
    99+
    2022-10-19
  • CSS基本属性样式是怎么样的
    这篇文章给大家分享的是有关CSS基本属性样式是怎么样的的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。1.Color：颜色；规定颜色值为颜色单词名称例如（red）或者十六进制值得颜...
    99+
    2022-10-19
  • DIV样式中常用属性用法是怎样的
    本篇文章为大家展示了DIV样式中常用属性用法是怎样的，内容简明扼要并且容易理解，绝对能使你眼前一亮，通过这篇文章的详细介绍希望你能有所收获。DIV样式汇总最近在学习JavaScript，在做到个要控制控件样...
    99+
    2022-10-19
  • 常用CSS字体样式属性有哪些
    小编给大家分享一下常用CSS字体样式属性有哪些，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！1. CSS字体样式属性1.1 fo...
    99+
    2022-10-19
  • CSS中常用样式和属性有哪些
    这篇文章给大家分享的是有关CSS中常用样式和属性有哪些的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。 　　CSS样式表： 　　作用：设定如何显示HTML标签 　　语法结构：...
    99+
    2022-10-19
  • css样式中flex属性怎么用
    这篇文章主要介绍“css样式中flex属性怎么用”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“css样式中flex属性怎么用”文章能帮助大家解决问题。 ...
    99+
    2022-10-19
  • css的样式属性是什么意思
    这篇文章将为大家详细讲解有关css的样式属性是什么意思，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。 　　简介 　　层叠样式表(英文全称：CascadingStyle...
    99+
    2022-10-19
  • css文字样式中属性的示例分析
    小编给大家分享一下css文字样式中属性的示例分析，希望大家阅读完这篇文章之后都有所收获，下面让我们一起去探讨吧！ 　　1、设置文字字体&mdash;&mdash;font-family ...
    99+
    2022-10-19
  • CSS样式属性Left是什么意思
    这篇文章主要介绍了CSS样式属性Left是什么意思，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。 通常left径自在CSS中设置装备摆设无...
    99+
    2022-10-19
  • css中overflow-x属性样式是什么
    这篇文章主要介绍了css中overflow-x属性样式是什么，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。 overflow-x是over...
    99+
    2022-10-19
  • CSS样式表是怎样的
    这篇文章主要介绍了CSS样式表是怎样的的相关知识，内容详细易懂，操作简单快捷，具有一定借鉴价值，相信大家阅读完这篇CSS样式表是怎样的文章都会有所收获，下面我们一起来看看吧。 1:内部样式表 语法：&...
    99+
    2022-10-19
  • HTML5 微格式和相关的属性名称分别是怎样的
    这篇文章给大家介绍HTML5 微格式和相关的属性名称分别是怎样的，内容非常详细，感兴趣的小伙伴们可以参考借鉴，希望对大家能有所帮助。2004年5月29日，在我退休的博客和所有的大话 ，当我调查40个设计师的...
    99+
    2022-10-19
  • 怎么修改css属性样式？常见方法介绍
    在网页设计中，CSS样式表是不可避免的一部分。通过CSS样式表，我们可以对网页元素进行样式修改，以达到美化页面的目的，并提高用户体验。本文将介绍如何修改CSS属性。一、选择器首先，在修改CSS属性之前，我们需要了解选择器。在CSS样式表中，...
    99+
    2023-05-14
  • CSS层叠样式表常见属性有哪些
    这篇文章主要介绍了CSS层叠样式表常见属性有哪些，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。    常见属性...
    99+
    2022-10-19
  • CSS怎么设置列表样式属性
    小编给大家分享一下CSS怎么设置列表样式属性，相信大部分人都还不怎么了解，因此分享这篇文章给大家参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！列表样式属性 在 HTML 中有 2 种列表、无序列表和有序列...
    99+
    2023-06-08
  • CSS符号属性和CSS背景样式的示例分析
    这篇文章给大家分享的是有关CSS符号属性和CSS背景样式的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。list-style-type:none; list-style-...
    99+
    2022-10-19
  • HTML标签属性与CSS样式的示例分析
    这篇文章将为大家详细讲解有关HTML标签属性与CSS样式的示例分析，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。 　　定义：超文本标记语言 　　Hypetext Ma...
    99+
    2022-10-19
  • CSS中怎样使用margin属性
    这篇文章将为大家详细讲解有关CSS中怎样使用margin属性，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。一、Margin的特性margin始终是透明的。margin通过...
    99+
    2022-10-19
  • css中的list-style列表样式属性怎么用
    这篇文章主要为大家展示了“css中的list-style列表样式属性怎么用”，内容简而易懂，条理清晰，希望能够帮助大家解决疑惑，下面让小编带领大家一起研究并学习一下“css中的list-style列表样式属...
    99+
    2022-10-19
  • HTML默认样式表CSS属性除了inline和block的定义是怎样的
    HTML默认样式表CSS属性除了inline和block的定义是怎样的，相信很多没有经验的人对此束手无策，为此本文总结了问题出现的原因和解决方法，通过这篇文章希望你能解决这个问题。 ...
    99+
    2022-10-19
软考高级职称资格查询
软考职称历年真题下载
软考职称资料下载
热门wiki
近期文章
推荐阅读
热门问答
热门标签
编程网，编程工程师的家园，是目前国内优秀的开源技术社区之一，形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容，为IT开发者提供了一个发现、使用、并交流开源技术的平台。

  • 官方手机版

  • 微信公众号

  • 商务合作