您好,欢迎来到教培网!请登录免费注册选课学习指南
广州
教培网
外语/小语种电脑/IT/设计职业技能学历教育
东莞易思训教育轮播1东莞易思训教育轮播2东莞易思训教育轮播3东莞易思训教育轮播4东莞易思训教育轮播5
学校环境校区与课堂实景
查看学校相册

东莞易思训教育

V2
4.85人评价
Java9门课程1个校区37人预约
正规学校助学补贴优质服务多校区资质认证
校区
东莞松山湖校区
地址
广东省东莞市松山湖总部二路光大WE谷A1-2栋3楼易思训教育
电话
18347319277
简介
易思训是一家专注于教育全产业链的科技公司,致力于企业一站式人才赋能,为客户提供从IT人才培训、企业内训、企业培训系统解决方案等多种能力服务。 详情
当前位置:教培网>东莞易思训教育>学校动态>学习web前端的必备知识点之CSS知识

学习web前端的必备知识点之CSS知识

作者:教培网来源:教培网地区:东莞

css基本内容,类选择符,id选择符,伪类,伪元素,结构,继承,特殊性,层叠,元素分类,颜色,长度,url,文本,字体,边框,块级元素,浮动元素,内联元素,定位。

链接: link标签: 样式: h1 { color: red; }; @import指示引入多个外部样式表的链接 @import url(styles.css); p { color: red }; css注解 /* dashucoding */ 内联样式: 规范: 选择符 + 声明 p { color: red; } // 选择符 属性 值 p { font-weight: bold; } 伪类和伪元素 属性说明 :link超链接是一个未访问过的地址 :visited访问过的网页 :active处于活跃的状态 a { color: red; }; a:visited { color: red; }; 伪元素: :first-letter 和 :first-line 首字母 和 首行 p:first-letter { color: red; } css有个特点是继承,可以依赖于祖先-后代关系。

!important有这个标记,表示这条规则优先 p { color: red !important; } 元素分类: 三种类型:块级元素,内联元素,列表项元素 块级元素有段落,标题,列表,表格,div,body等。内联元素有a,em,span等。列表项元素有li元素。

dispaly: block | inline | list-item | none 颜色: rgb(100 %, 100 %, 100 %) 红蓝绿 ,白色 单位: em 给字体的font-size值 文本: 文本缩进 text-indent <长度> | <百分比> p { text-indent: -4em; } text-align属性 用于元素中文本行的对齐方式 text-align: left | center | right | justify white-space空白 white-space pre | nowrap | normal p { white-space: normal; } 将如何空白压缩成单个空白符 white-space属性值为pre,可以将元素内的空白忽略。

p { white-space: pre; } 行高: line-height文本行的基线间的距离。纵向对齐,vertical-align vertical-align: baseline使元素的基线同父元素的基线对齐。

vertical-align: sub; vertical-align: super; 低端对齐: vertical-align 顶端对齐:vertical-align vertical-align: top; vertical-align: text-top; 中间对齐: vertical-align: middle; 文字间隔: word-spacing 长度 | normal word-spacing: 0.3em; 字母间隔: letter-spacing: 长度 | normal 文本转换: text-transform uppercase | lowercase | capitalize | none 文本修饰: text-decoration: none | overline | line-through 框: width 长度 | 百分比 | auto height 长度 | auto margin 长度 | 百分比 | auto margin: top right bottom left margin-top margin-right margin-bottom margin-left border-width // thin medium thick border-style: none; padding 浮动与清除 float: left | right | none float: none 用于防止元素浮动 清除浮动元素 clear left | right | both | none clear原理是增加元素的上边界,使它在低于浮动元素的位置结束,清除元素的上边界宽度当有效地忽略。

list-style-type disc disc | circle | square | decimal | upper-alpha | lower-alpha | upper-roman | lower-roman | none list-style-type disc 为实心圆 circle 为空心圆 square 实心或空心方块 列表项图像 list-style-image 列表项位置:list-style-position list-style-position: inside | outside 定位: position: static | relative | absolute | fixed | inherit 溢出: overflow: visible | hidden | scroll | auto | inherit 溢出剪切: overflow-clip: rect | auto | inherit 元素剪切: clip rect | auto | inherit 元素可见性: visibility: visible | hidden | collapse | inherit 相对定位: position: relative; 绝 对定位: position: relative; 固定定位: position: fixed; 层叠定位: z-index: integer | auto 轮廓: outline, outline-color, outline-style, outline-width 边框: border-top-color, border-right-color, border-bottom-color border-left-color, border-top-style border-right-style, border-left-style 实例: dashu dashu2 1 2

分享到:

相关课程

官方授权声明

尊敬的平台会员您好,[东莞易思训教育]资料由平台整理展示,资质、课程、校区、图片和文案均可在后台维护。如需了解[东莞易思训教育]服务明细或申请试听服务,请点击。

公开资料整理 | 待机构认领确认