网页制作 
首页 > 网页制作 > 浏览文章

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

(编辑:jimmy 日期: 2025/2/25 浏览:3 次 )
一、可设置的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 文字加阴影变3D效果演示
下一篇:CSS clip属性全知道
一句话新闻
一文看懂荣耀MagicBook Pro 16
荣耀猎人回归!七大亮点看懂不只是轻薄本,更是游戏本的MagicBook Pro 16.
人们对于笔记本电脑有一个固有印象:要么轻薄但性能一般,要么性能强劲但笨重臃肿。然而,今年荣耀新推出的MagicBook Pro 16刷新了人们的认知——发布会上,荣耀宣布猎人游戏本正式回归,称其继承了荣耀 HUNTER 基因,并自信地为其打出“轻薄本,更是游戏本”的口号。
众所周知,寻求轻薄本的用户普遍更看重便携性、外观造型、静谧性和打字办公等用机体验,而寻求游戏本的用户则普遍更看重硬件配置、性能释放等硬核指标。把两个看似难以相干的产品融合到一起,我们不禁对它产生了强烈的好奇:作为代表荣耀猎人游戏本的跨界新物种,它究竟做了哪些平衡以兼顾不同人群的各类需求呢?