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

学习CSS需要知道的CSS基础知识

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

本文主要包含CSS,基础知识等相关知识,佚名 希望在学习及工作中可以帮助到您
一、可设置的CSS属性包括:字体属性、文本属性、颜色及背景属性、边框属性、容器属性(边距属性、填充属性)、分类属性、鼠标属性。

  二、基础属性

字体属性:font-family font-style font-variant font-weight font-size
文本属性:word-spacing letter-spacing text-decoration vertical-align text-transform
     text-align text-indent line-height
颜色背景属性:color background(background-color background-image background-repeat
       background-attachment background-position)
边框属性:border(border-top border-right border-bottom border-left)(border-width
     border-style border-color)
容器属性:margin padding width height float clear
分类属性:display white-space list-style-type list-style-image list-style-position
     list-style
鼠标属性:auto crosshair default hand move e-resize ne-resize nw-resize n-resize se-resize
     sw-resize s-resize w-resize text wait help

  三、CSS布局
  CSS盒模型的理解对于CSS布局有很大帮助,每个元素都有一个元素盒。HTML布局通常使用div+CSS,将网页分为很多方块,每个方块和整个总体都可以各用一个div容纳,然后用CSS对各个div进行布局。常用布局属性包括:margin padding float clear top right buttom left z-index position。

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

  • css小技巧
  • 各大网站CSS初始化代码
  • css权重问题
  • CSS实现鼠标上移图标旋转效果
  • 使用CSS3制作一个简单的进度条(demo)
  • 用纯CSS实现饼状Loading等待图效果
  • 利用CSS3伪元素实现逐渐发光的方格边框
  • CSS3实现内凹圆角的实例代码
  • 利用HTML5+CSS3实现3D转换效果实例详解
  • css3+伪元素实现鼠标移入时下划线向两边展开的效果

相关文章

  • 2017-08-06Float 菜单水平居中简单方法
  • 2017-08-06实例教程 纯CSS3打造非常炫的加载动画效果
  • 2017-08-06CSS 盒模型(Box Model)的学习和理解
  • 2017-08-06Css设置img属性让图片水平居中/居左/居右的写法
  • 2017-08-06纯CSS3实现滚动的齿轮动画效果
  • 2017-08-06CSS中的层分离编程详解
  • 2017-08-06CSS font-family为英文和中文字体分别设置不同的字体
  • 2017-08-06CSS Expression 优化
  • 2017-08-06举例详解CSS的z-index属性的使用
  • 2017-08-06CSS中的几个伪元素使用介绍

文章分类

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

最近更新的内容

    • IE7 设置z-index的覆盖问题的解决方法
    • 最新CSS hack技术(IE6/7/8)
    • css3实现背景颜色渐变让图片不再是唯一的实现方式
    • 学习web标准的十个重要理由总结
    • CSS实现段落首字母、首字放大特效
    • 详解CSS3中使用gradient实现渐变效果的方法
    • 利用CSS3的border-radius绘制太极及爱心图案示例
    • 兼容各种浏览器篡位的css样式写法分享
    • 相对、绝对和固定定位的比较
    • css固定表头、行头样式代码

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

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