CSS:使样式和结构分离
CSS和CSS3简介:
- CSS(cascading style sheet,层叠式样式表)是用来给HTML标签添加样式的语言
- CSS3是CSS的新版本,增加了大量的样式、动画、3D特效和移动特效等
前端三层:
语言 | 功能 | |
---|---|---|
结构层 | HTML | 搭建结构,放置部件,描述语义 |
样式层 | CSS | 美化页面,实现布局 |
行为层 | Javascript | 实现数据接收,交互效果,表单验证等 |
选择器:
<!-- CSS --><style>h1{color: crimson;}p{color: blue;}.spec{color: orange;}</style>
CSS本质:
就是样式的清单,要书写合适的选择器然后把指定的元素的样式“一条一条罗列出来”
不是编程就是简单的罗列样式
CSS:使样式和结构分离相关推荐
- 1-2 CSS常用样式笔记
文章目录 CSS常用样式 字体属性 文本属性 盒模型属性 宽度width 高度height 内边距padding 边框border 外边距margin 盒模型拓展应用 清除默认样式 高度height应 ...
- css级联样式表_CSS –级联样式表| 第1部分
css级联样式表 CSS –级联样式表 (CSS – Cascading Style Sheets) CSS (Cascading Style Sheets) is a computer langua ...
- css使两个盒子并列_你需掌握的CSS知识都在这了(长文建议收藏,文末有福利)...
(给前端大学加星标,提升前端技能.) 作者:深圳湾码农 https://juejin.im/post/5d8336d2f265da03df5f4a06 1.CSS盒模型,在不同浏览器的差异 css 标 ...
- html页面的内容外观显示样式,XHTML CSS制作样式风格切换的WEB站点
XHTML CSS制作样式风格切换的WEB站点 互联网 发布时间:2008-10-17 19:26:50 作者:佚名 我要评论 随着XHTML的逐渐推广流行,HTML在许多场合已经显得过时 ...
- javascript 实现图片切换,考虑平稳退化与行为结构分离
最近在学习JavaScript DOM编程艺术,跟着学习把里面的一个demo 敲了,demo 是小玩意,但是在编程习惯上给了我很大的启发. 考虑"平稳退化":如果浏览器不支持或者禁 ...
- CSS常用样式及示例
CSS常用样式及示例 一.简介 层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式 ...
- css字体样式代码大全_这都2020年了,还没了解CSS?
对于新人来说想要了解css,就要从最基本的入手了解,讲真的学习css入门很简单,学习html和css短时间后你就可以制作一个网页,深入的去学习的话,就会很难.他就是从简--深--深--简的一个过程,如 ...
- option样式美化 css,CSS select样式优化
下拉选择菜单基本的CSS样式不怎么好看,通过一些简单的样式优化,就可以起到美化的作用了. 请选择您所在的城市 请选择您所在的城市 中山市 太原市 广州市 CSS样式 .sel_wrap{ height ...
- HTML5常用的文本标签及css字体样式属性
HTML5常用的文本标签 标签 描述 标题标签 HTML中一共有六级标题,标题按字号大小从大到小为H1.H2.H3.H4.H5.H6 <p> 用于定义HTML中的段落 <br> ...
最新文章
- 5.fork和vfork
- C 语言的标准输入对象是,《面向对象程序设计C+》期末试卷及标准答案
- mysql用户 11_MySQL-快速入门(11)用户管理
- JVM架构和GC垃圾回收机制--面试
- 单进程程序怎样在linux运行,linux下C程序:运行单个实例
- Redis 安装部署介绍
- Python 设计模式之建造者模式 Builder Pattern
- 青岛市新添智能服务平台 借力大数据智慧城市再扩容
- python中string库_Python——string库
- cube 设置滴答定时器_基于STM32CubeMX的定时器设置
- 重新思考人和计算机的关系
- zookeeper原理:分布式协同技术
- 变量的生存期与存储类型
- 《精力管理》读书笔记
- 东京奥运会完美收官,来看看这届奥运会都有哪些人工智能黑科技
- 《C语言内涵教程》前言
- 腾讯云服务器linux+CentOS7.9+yum源+nginx搭建网站
- 微信小程序——video视频全屏播放
- win7 下扫描仪使用
- Log4j2日志滚动策略TimeBasedTriggeringPolicy的魔鬼槽点
热门文章
- 11 Halcon 点云平面交线计算
- 当你穿越到道诡异仙的世界,如何利用密码学知识区分幻想和现实?
- 【无标题】nginx 502 解决 No connection could be made because the target machine actively refused it
- 操作系统(一):引论
- 程序员面试宝典学习笔记01
- Python极简教程之二:数据类型
- CPLEX piecewise模块记录
- 8、mui 登录页/注册页/列表页/详情页
- 解决find命令报错: paths must precede expression(转)
- Java Web 用JSP实现网页登录