CSS cascading style sheet
html+css+javascript
结构+表现+交互
css怎么用(快速入门)
css选择器(重点,难点)
美化网页(文字,阴影,超链接,列表,渐变)
盒子模型
浮动
定位
网页动画(特效)非重点
1.1CSS
Cascading Style Sheet 层叠级联样式表
CSS:表现美化网页
css的优势:
1.内容和表现分离
2.网页结构表现统一,可以实现复用
3.css的样式十分丰富
4.独立于html的css的文件
5.利用SEO,容易被搜索引擎收录
css的3种导入方式
内联:
页级:
外联:link
@import
选择器:
作用:选择页面上某一个或者某一类元素
1.标签选择器:选择一类标签 标签{}
2.类选择器class:选择所有class属性一致的标签,跨标签 .类名{}
3.id选择器:全局唯一 #id名.{}
层次选择器
/*后代选择器*//*body p{*//* background: yellow;*//*}*/ /* 子类选择器*/ /* body>p{*/ /* background: red;*/ /* }*/ /* 相邻弟选择器:只有一个,相邻向下一个*/ /* .active + p{*/ /* background: blue;*/ /* }*/ /* 通用兄弟选择器,当前选中元素的向下的所有兄弟元素*/.active~p{background: green;}
文本样式:
1.颜色 color rgb rgba
2.文本对齐的方式 text-align=center
3.首行缩进 text-indent:2em
4.行高 line-height
5.下划线 text-decoration:none
盒子模型:
margin:外边距
padding:内边距
border:边框
边框:
1、边框的粗细
2、边框的样式
3、边框的颜色
4.4圆角边框
4个
4.5阴影
5、浮动
5.2display
5.3、float
左右浮动
CSS cascading style sheet相关推荐
- CSS(Cascading Style Sheet)总结
CSS 层叠样式表 (Cascading Style Sheet) 1.字体设置: 有继承性,给父元素设置,子元素可继承. (1)字体倾斜:font-style:normal/italic (2)字体 ...
- 什么是CSS,有什么作用?\nCSS(Cascading Style Sheet):层叠样式表语言。\nCSS的作用是:\n修饰HTM
什么是CSS,有什么作用?\nCSS(Cascading Style Sheet):层叠样式表语言.\nCSS的作用是:\n修饰HTML页面,修饰HTML页面张的某些元素的样式,让HTML页面更好看. ...
- CSS(Cascading Style Sheet)
文章目录 CSS(Cascading Style Sheet) 使用方式 基本语法 颜色写法 选择器*** 标签选择器 id选择器 类选择器 选择器分组 层次选择器 伪类 pseudo-classes ...
- css sheet2.0,详解CSS3.0(Cascading Style Sheet) 层叠级联样式表
CSS3.0(Cascading Style Sheet) 层叠级联样式表 快速入门: CSS01 h1 { color: red; } 标题一 CSS的三种导入方式: 行内样式(优先级最高,但不建议 ...
- CSS3(Cascading Style Sheet) 层叠样式表
CSS是Cascading Style Sheet 层叠样式表或级联样式表,简称"样式表".利用样式可以定义页面的样式,大大减少网页的设计工作量.也可以美化页面,精准定制页面的布局 ...
- CSS (Cascading Style Sheets)
CSS 是什么 层叠样式表 (Cascading Style Sheets). CSS 能够对网页中元素位置的排版进行像素级精确控制 , 实现美化页面的效果 . 能够做到页面的样式和结构分离. 基本语 ...
- CSS(层叠样式表cascading style sheet)——CSS样式、基础选择器
一.CSS作用 对页面的外观进行美化 统一网站页面的风格 实现内容和样式的分离,适合团队开发 二.CSS语法规范 三.CSS引入方式 CSS的3种样式表 书写位置的不同分为:行内样式表(行内式) ...
- CSS( Cascading Style Sheets )简书
(注:带*号的属性是CSS3新增属性) 一.基本规则 1.css通常存储在样式表(style)中,用于定义如何显示HTML元素: 2.css主要由两个部分构成:选择器和一条或多条声明. 选择器通常是需 ...
- CSS(Cascading Style Sheets) 层叠样式表
CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTM ...
最新文章
- Java项目:网上水果蔬菜项目系统设计和实现(java+springboot+mysql+ssm)
- gRPC异步处理应答
- ajax img标签,如何将属性添加到img标签以用于ajax调用
- python selenium 弹窗获取元素_python中能否使用selenium获取弹窗的文本内容?
- IntellIJ IDEA 配置 Maven 以及 修改 默认 Repository
- Myeclipes连接Mysql数据库配置
- 最有价值的100句话
- 计算机初赛基础知识,备战初赛计算机基础知识
- SpaceX第二次商业载人任务发射日期不早于4月22日
- border做三角形
- 使用rvm来管理ruby版本
- 不会优化数据库,早晚被优化!
- python计算两点间距离_已知经纬度坐标求两点间距离,用python表示
- 开源可视化bi工具有哪些,干货推荐
- LabVIEW 2021 工具包
- 向日葵远程控制第一人称3D鼠标无法操作旋转问题
- windows7 32位系统下好用的一款视频制作工具--Windows live影音制作
- 《财务自由之路I》阅读笔记2021-03-16
- Python+unittest+requests 接口自动化测试框架搭建 完整的框架搭建过程 实战
- 怎样使用word模板?两分钟教你搞定!