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相关推荐

  1. CSS(Cascading Style Sheet)总结

    CSS 层叠样式表 (Cascading Style Sheet) 1.字体设置: 有继承性,给父元素设置,子元素可继承. (1)字体倾斜:font-style:normal/italic (2)字体 ...

  2. 什么是CSS,有什么作用?\nCSS(Cascading Style Sheet):层叠样式表语言。\nCSS的作用是:\n修饰HTM

    什么是CSS,有什么作用?\nCSS(Cascading Style Sheet):层叠样式表语言.\nCSS的作用是:\n修饰HTML页面,修饰HTML页面张的某些元素的样式,让HTML页面更好看. ...

  3. CSS(Cascading Style Sheet)

    文章目录 CSS(Cascading Style Sheet) 使用方式 基本语法 颜色写法 选择器*** 标签选择器 id选择器 类选择器 选择器分组 层次选择器 伪类 pseudo-classes ...

  4. css sheet2.0,详解CSS3.0(Cascading Style Sheet) 层叠级联样式表

    CSS3.0(Cascading Style Sheet) 层叠级联样式表 快速入门: CSS01 h1 { color: red; } 标题一 CSS的三种导入方式: 行内样式(优先级最高,但不建议 ...

  5. CSS3(Cascading Style Sheet) 层叠样式表

    CSS是Cascading Style Sheet 层叠样式表或级联样式表,简称"样式表".利用样式可以定义页面的样式,大大减少网页的设计工作量.也可以美化页面,精准定制页面的布局 ...

  6. CSS (Cascading Style Sheets)

    CSS 是什么 层叠样式表 (Cascading Style Sheets). CSS 能够对网页中元素位置的排版进行像素级精确控制 , 实现美化页面的效果 . 能够做到页面的样式和结构分离. 基本语 ...

  7. CSS(层叠样式表cascading style sheet)——CSS样式、基础选择器

    一.CSS作用 对页面的外观进行美化 统一网站页面的风格 实现内容和样式的分离,适合团队开发 二.CSS语法规范 三.CSS引入方式   CSS的3种样式表 书写位置的不同分为:行内样式表(行内式) ...

  8. CSS( Cascading Style Sheets )简书

    (注:带*号的属性是CSS3新增属性) 一.基本规则 1.css通常存储在样式表(style)中,用于定义如何显示HTML元素: 2.css主要由两个部分构成:选择器和一条或多条声明. 选择器通常是需 ...

  9. CSS(Cascading Style Sheets) 层叠样式表

    CSS通常称为CSS样式表或层叠样式表(级联样式表),主要用于设置HTML页面中的文本内容(字体.大小.对齐方式等).图片的外形(宽高.边框样式.边距等)以及版面的布局等外观显示样式. CSS以HTM ...

最新文章

  1. Java项目:网上水果蔬菜项目系统设计和实现(java+springboot+mysql+ssm)
  2. gRPC异步处理应答
  3. ajax img标签,如何将属性添加到img标签以用于ajax调用
  4. python selenium 弹窗获取元素_python中能否使用selenium获取弹窗的文本内容?
  5. IntellIJ IDEA 配置 Maven 以及 修改 默认 Repository
  6. Myeclipes连接Mysql数据库配置
  7. 最有价值的100句话
  8. 计算机初赛基础知识,备战初赛计算机基础知识
  9. SpaceX第二次商业载人任务发射日期不早于4月22日
  10. border做三角形
  11. 使用rvm来管理ruby版本
  12. 不会优化数据库,早晚被优化!
  13. python计算两点间距离_已知经纬度坐标求两点间距离,用python表示
  14. 开源可视化bi工具有哪些,干货推荐
  15. LabVIEW 2021 工具包
  16. 向日葵远程控制第一人称3D鼠标无法操作旋转问题
  17. windows7 32位系统下好用的一款视频制作工具--Windows live影音制作
  18. 《财务自由之路I》阅读笔记2021-03-16
  19. Python+unittest+requests 接口自动化测试框架搭建 完整的框架搭建过程 实战
  20. 怎样使用word模板?两分钟教你搞定!

热门文章

  1. 安卓 网络工具_安卓设备可用苹果Magsafe无线充电,但功率鸡肋,安卓并不需要...
  2. 【单元复习】之标日初级下册第九、十单元
  3. html a标签跳转新页面的各种方式
  4. Python深度学习之计算机视觉
  5. Clover双系统卸载黑苹果和Clover引导
  6. 下一次面试前你需要准备的五个基本步骤
  7. python控制网络摄像头_用Python控制摄像头拍照并发邮件
  8. 干货 | CrateDb在携程机票BI的实践
  9. 通达信接口的登录调试步骤
  10. CSS圆角边框和盒子阴影