HTML中的css :

HTML中的css :

指定的是层叠样式表,描述了如何在屏幕、纸张或其他媒体上显示hTML元素

节省了大量工作。 它可以同时控制多张网页的布局。
css规则集有选择器和声明块组成:选择器指向您需要设置样式的HTML元素
声明块包含一条或多条用分号分隔的声明。每条声明都包含一个css属性名称和一个值,以冒号分隔。
P{
color:red;
text-align:center;
}

css选择器分为五类:
1.简单选择器(根据名称 、id、类来选取元素)
2.组合器选择器(根据它们之间的特定关系来选取元素)
3.伪类选择器(根据特定状态选取元素)
4.伪元素选择器(选取元素的一部分并设置其样式)
5.属性选择器(根据属性或属性值来选取元素)

三种使用css的方法:
1.外部css 外部样式在HTML页面部分内的元素中进行定义,外部css文件不包含任何HTML标签
2.内部css 内部样式是在 部分的

层叠顺序:
页面中的所有样式将按照一下规则“层叠”为新的“虚拟”样式表,其中第一优先级最高:
1.行内样式(在HTML元素中)
2.外部和内部样式表(在head部分)
3.浏览器默认样式

css注释:
位于

css颜色:
background-color:设置背景色
color:设置文本颜色
solid:设置边框颜色
opacity:属性指定颜色的不透明度,取值范围为0.0-1.0.值越低,越透明。
background-image:属性指定用作元素背景的图像,默认属性在水平和垂直方向上都重复图像
(background-repeat: repeat-x;)在水平方向上重复
(background-repeat: repeat-y;)在垂直方向上重复
(background-repeat: no-repeat;)背景图像仅显示一次

(background-position):属性用于指定背景图像的位置.

border-style:属性指定要显示的边框类型

dotted:定义点线边框
dashed:定义虚线边框
solid:定义实线边框
double:定义双变框
groove:定义3D坡口边框效果取决与border-color值
none:定义无边框
hidden:定义隐藏边框

border-top-style:边框的顶部

border-right-style:边框的右侧

border-bottom-style:边框的底部

border-left-style:边框的左边

border-radius:属性用于向元素添加圆角边框 后面跟的是圆角的大小多少像素。

padding:内边距

margin-:属性用于在任何定义的边框之外,为元素周围创建空间。也就是外边距

在margin:中值 auto 是元素在其容器中水平剧中。inherit值继承自父元素。

text-align:属性用于设置文本的水平对齐方式。

vertical-align:属性设置元素的垂直对齐方式

text-decoration:用于装饰文本,值overline;是下划线 值none,是删除文本的装饰

text-indent:属性用于指定文本第一行的缩进:单位是px。

letter-spacing:属性用于指定文本中字符之间的间距

line-height:属性用于指定行之间的间距

word-spacing:属性用于指定文本中单词之间的间距

font-family:属性用于指定文本的字体

font-size:属性是指文本的大小

设置链接样式:

四种链接状态分别是:

  • a:link - 正常的,未访问的链接
  • a:visited - 用户访问过的链接
  • a:hover - 用户将鼠标悬停在链接上时
  • a:active - 链接被点击时
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值