CSS3

作者: bda1a329d33d | 来源:发表于2018-11-20 21:51 被阅读0次

颜色

  • rgb
字体

默认字号是16px

font-family 设置字体(中间有空格的字体要加双引号)

字体分类

serif 衬线字体(宋体)
sans-serif 非衬线字体(雅黑)

font-style:italic斜体
font-weight:bold 粗体
font-variant:small-caps 小型大写字母

行间距

line-height 行高
font-size 字号

文本样式

text-transform:none; 默认值
text-transform:capitalize 单词首字母大写
text-transform:uppercase 所有字母大写
text-transform:lowercase 所有字母小写

文本的修饰

text-decoration:underline 下划线
text-decoration:overline 上划线
text-decoration:line-through 中划线
text-decoration:none 默认 (如何给超链接去掉下划线) *****

字母间距和单词间距

letter-spacing:10px
word-spacing:10px

对齐文本

(默认左对齐)
text-align:left
text-align:right
text-align:center
text-align:justify 两端对齐
text-indent:20px 首行缩进 (正左负右)(浏览器默认字号16)*******
如果想要无论什么字号都缩进两个字号 就使用2em



盒子模型(框模型)

内容区(content)
内边距(padding)
边框(border)宽度和颜色 顺序:上右下左
外边距(margin )

border-top-width:10px 设置上边框(下左右同理)

相关文章

  • 网页高级知识点(三)

    CSS3 transition动画 CSS3 transform变换 CSS3 animation动画

  • CSS3-目录

    1 CSS3 兼容性 2 CSS3 选择器 3 CSS3 新加属性 4 CSS3 过渡动画 5 CSS3 变型 6...

  • CSS3 背景

    知识点: CSS3 背景图像区域CSS3 背景图像定位CSS3 背景图像大小CSS3 多重背景图像CSS3 背景属...

  • css3渐变:线性和径向

    知识点: CSS3 渐变CSS3 线性渐变CSS3 径向渐变 CSS3 渐变 渐变(gradients)可以在两个...

  • CSS3设置圆角边框 圆角特效代码 CSS3的圆角border-

    CSS3设置圆角边框 css3圆角特效代码 CSS3 border-radius 属性 使用 CSS3 borde...

  • 07day

    CSS3动画 CSS3 @keyframes 规则如需在 CSS3 中创建动画,您需要学习 @keyframes ...

  • css3 基础

    1. css3 起步 (图形2D旋转) 2. CSS3 模块 CSS3 被划分为模块。其中最重要的 CSS3 ...

  • CSS3:边框与圆角

    知识点: CSS3圆角CSS3盒阴影CSS3边界图片 一、CSS3圆角 border-radius属性 一个最多可...

  • css3圆角

    css3 圆角使用 CSS3 border-radius 属性,你可以给任何元素制作 "圆角"。CSS3 bord...

  • 1217

    资源:css3制作工具css3按钮生成css3制作特殊效果-web前端实验室 浏览器的型号和css3前缀 五种主流...

网友评论

      本文标题:CSS3

      本文链接:https://www.haomeiwen.com/subject/ndmtqqtx.html