• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > CSS的部分常用属性整理

CSS的部分常用属性整理

作者:佚名 字体:[增加 减小] 来源:互联网 时间:2017-08-06

本文主要包含CSS,属性等相关知识,佚名 希望在学习及工作中可以帮助到您
CSS背景:
background:#00ffee; //设置背景颜色
background-image:url(*.jpg); //设置背景图片
background-repeat:repeat-x; //设置背景图片重复
background-attachment:fixed; //设置背景不随文字滚动

CSS文本:
text-indent: 5em; //设置文本缩进
text-transform:uppercase/lowercase/capitalize; //设置文本转换大小写
text-decoration:none/underline/overline/line-through/blink; //设置文本装饰
white-space:normal/pre; //处理空白符
color:#eeffee; //设置文本颜色
line-height:30px; //设置行高

CSS字体:
font-family: Georgia; //指定字体系列
font-style: normal/italic/oblique //指定文本正常/斜体/倾斜显示
font-weight: normal/bold/900; //指定文本的粗细
font-size: 16px/em; //指定文本的大小
font-variant: small-caps; //指定小型大写字母

CSS列表:
list-style-type:/decimal --有序列表
/decimal-leading-zero
/lower-roman
/upper-roman
/lower-alpha
/upper-alpha

/disc --无序列表
/circle
/squre
/decimal

CSS表格:
border-collapse: collapse; //设定表格塌陷
border: 1px solid black; //设定表格边缘
width: 100%; //设定表格宽度
height: 50px; //设定表格高度
text-align:right; //设定表格中文本的对齐方式
vertical-align:bottom //设定表格垂直对齐方式
padding:15px; //设定表格内边距
color:white; //设定表格中字体颜色
background-color:green; //设定表格背景颜色

CSS边框:
outline: #00ff00 dotted thick; //设定轮廓颜色/样式/宽度
border: blue solid thin; //设定轮廓

您可能想查找下面的文章:

  • html、css基础注意点(前端必看篇)
  • 关于CSS absolute与relative不得不说的话
  • 响应式设计你需要了解的知识点
  • CSS3的几个标签速记(推荐)
  • CSS样式表与格式布局详解
  • 那些你所不知的CSS ::before 和::after 伪元素用法
  • css前端知识点总结(必看篇)
  • CSS3实用方法总结(推荐)
  • 分享15个最佳的HTML/CSS设计和开发框架
  • Bootstrap3.0学习笔记之CSS相关补充

相关文章

  • 2018-08-23名额有限!小光老师零基础手绘第6期来啦(周五开课)
  • 2018-08-23免费高效!用 Paddy 让你的 Sketch 学会自动排版!
  • 2018-08-23在这个火热的8月,正在流行这3种网页设计趋势
  • 2018-08-23高手怎么做设计?来看腾讯文档背后的品牌设计过程!
  • 2017-08-06jquery编辑器插件tinyMCE的使用方法
  • 2018-08-23平面设计中如何留给别人最好的第一印象?
  • 2017-08-06固定、流动、弹性网页布局的利弊分析
  • 2017-08-06使你的网站快速跑起来
  • 2018-08-23关于极简主义设计,这篇文章帮你安排得明明白白
  • 2018-08-23超全面!产品动效设计全方位科普手册

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 网页前端开发小细节
    • 网易资深设计师:如何建立可信赖的品牌形象?
    • 淘宝京东这10个搜索细节,你最喜欢哪个?
    • 用一个小案例,教你面对那些无聊细碎的设计需求
    • 设计水平没有大的进步,原来是这9个方面做得不好…
    • 实战案例!众安保险PC官网的改版设计经验总结
    • 设计一个有趣的网站的方法与技巧(图)
    • 这3个高级设计师才会的能力,人工智能取代不了
    • 响应式WEB设计学习(3)—如何改善移动设备网页的性能
    • 进阶必读!可能是最全面的组件化开发与设计指南

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有