1.css:级联样式表2.用途:通俗说,用来美化html内容;  专业说,用来设置html内容的样式。
3.语法:
选择器{属性名:属性值;.......}4.css语言的引入
(1)行内样式表
<标记名   style="属性名:属性值;.......">(2)文档(内部)样式表
<style  type="text/css">
选择器{属性名:属性值;.......
}
....
</style>(3)外部样式表
a.创建*.css文件
b.在其中定义css语句:选择器{属性名:属性值;.......}
....c.将css文件引入页面中:
<link  rel="stylesheet"  type="text/css"  href=".../*.css">5.选择器
(1)标记选择器
标记名{}(2)id选择器
#id{}(3)类选择器
.class{}(4)通配符:*
选择该页面的所有元素(5)派生选择器
父标记  子标记{}(6)分组选择器
选择器1,选择器2,.......选择器n{}6.样式属性
(1)文字属性
font-size
font-family
font-weight
font-style
text-decoration
line-height
color(2)文本属性
text-indent
text-align(3)背景属性
background-color:
background-image:url()
background-attachment:fixed | scroll;
background-position
background-repeat:no-repeat | repeat | repeat-x | repeat-y;(4)边框属性
border-width
border-color
border-style
border:(5)尺寸属性
width
height(6)内边距(内补丁)属性
padding(7)外边距(外补丁)属性
margin(8)定位属性
position:fixed
top
left(9)列表属性
list-style-image : none | url (url)
list-style-type(10)伪类a{}:link
:visited
:hover
:active7.div   span

web前端CSS入门知识点总结相关推荐

  1. Web前端css知识点概括

    Web前端css知识点的简单概括如下,方便记忆. 1.字体,背景(font-style,font-weight,font-size/line-height,font-family...backgrou ...

  2. 尚硅谷新版Web前端HTML5+CSS3知识点集合篇【p1-p8】

    尚硅谷新版Web前端HTML5+CSS3知识点集合笔记篇 尚硅谷新版Web前端HTML5+CSS3全套基础教程完整版(初学者零基础入门) p1(22:55) 一.软件的分类: 1.系统软件 -wind ...

  3. web前端开发入门(一)

    web前端开发入门(一) 前端开发入门 HTML/CSS/JavaScript JavaScript 总结 思考和实践 前端开发入门 首先必须掌握 HTML/CSS/JavaScript 这三大基础技 ...

  4. web前端-JS入门

    web前端-JS入门 1.初识JavaScript 1.1 JavaScript的简单介绍 1.2 JS的三种写法 1.2.1 行内式 1.2.2 内嵌式 1.2.3 外部js 1.3 JS输入输出语 ...

  5. web前端开发入门学习线路图详解-2019升级版

    现如今,Web前端工程师已经成为各大互联网公司不可或缺的热门职位,从业者队伍日渐庞大,这其中不乏零基础学习者和转行人士.为了方便大家系统而全面的掌握前端基础知识,千锋小编特意整理了web前端开发入门学 ...

  6. 每天成长一点---WEB前端学习入门笔记

    WEB前端学习入门笔记 从今天开始,本人就要学习WEB前端了. 经过老师的建议,说到他每天都会记录下来新的知识点,每天都是在围绕着这些问题来度过,很有必要每天抽出半个小时来写一个知识总结,及时对一天工 ...

  7. Web前端开发入门之网页制作三要素!

    Web前端开发是由网页制作演变而来的,主要由HTML.CSS.JavaScript三大要素组成.专业的Web前端开发入门知识也一定会包含这些内容,今天小千就给大家简单介绍一下. HTML,超文本标记语 ...

  8. web前端好入门吗?

    什么是web前端? 大家越来越肯定前端的作用,如今也高端web前端开发人员依旧紧缺.而web前端技术说白了就是JavaScript.CSS.HTML等"传统"技术与Adobe AI ...

  9. 什么是web前端?Web前端好入门吗?

    什么是web前端? 大家越来越肯定前端的作用,如今也高端web前端开发人员依旧紧缺.而web前端技术说白了就是Java.CSS.HTML等"传统"技术与Adobe AIR.Goog ...

最新文章

  1. CVPR2021 | 实现图像的“无限放大”,超详细局部隐式图像函数(LIIF)解读
  2. SpringMVC核心流程图
  3. 圣诞快乐!灯火点不燃圣经
  4. 详解ScheduledExecutorService的周期性执行方法
  5. mysql query sql_sql:query 标签
  6. ORB-SLAM2中MapPoints的描述子的计算
  7. DC/DC电源模块是什么?有何特点
  8. android 4.0系统,全新Android 4.0系统_手机Android频道-中关村在线
  9. ROS----龟界三角恋
  10. 2017年上半年软件设计师试题-04
  11. Visual Studio Code的设置及插件同步
  12. illustrator插件-拼版功能开发-印前角线-js脚本开发-ai插件
  13. VARCHART XGantt 甘特图中的日期和夏令时
  14. 在Codesys用ST语言基于数组实现栈LIFO数据结构详细说明+代码实例
  15. python 开发个人日常操作笔记
  16. 小米手机扩容教程_手把手教你把手机16G内存升级128G 【图文教程】
  17. gige相机二次开发_GigE Vision接口摄像机及其应用
  18. RandomForest 随机森林算法与模型参数的调优
  19. 打造前端 Deepin Linux 工作环境——安装配置 atom 编辑器
  20. 中年危机总在不经意间来到

热门文章

  1. 要关闭python解释器可使用函数或者快捷键_【填空题】要关闭Python解释器,可使用函数【1】或者快捷键【2】。...
  2. 智能家居控制面板:让AI技术为您的家庭带来更多智能化服务
  3. 杰出人才不是通培养出来的
  4. IDEA将工具栏显示在左边
  5. 大学里最浪费生命的十件事
  6. 论坛如何才能摆脱盈利之困?
  7. 调用摄像头---图片抓拍和视频录像
  8. 智能综合交通(水运、航空)主题汇总(附下载链接)
  9. 转:[MSSQL] - SQL Server 2000 系统表详细说明
  10. window系统关机睡眠快捷方式及编译android app gradle命令