CSS总结 待我称王封你为后i 2021-09-25 12:50 278阅读 0赞 ### HTML的块标签 ### div标签: 默认占一行,自动换行 ### CSS概述 ### Cascading Style Sheets : 层叠样式表 ### 主要用作用 ### 用来美化我们的HTML页面的 HTML 决定网页的骨架 ,CSS 化妆 将页面的HTML和美化进行分离 ### CSS的简单语法 ### 在一个style标签中,去编写CSS内容,最好将style标签写在这个head标签中 <style> 选择器{ 属性名称:属性的值; 属性名称2: 属性的值2; } </style> CSS选择器: 帮助我们找到我们要修饰的标签或者元素 **元素选择:** 元素的名称{ 属性名称:属性的值; 属性名称:属性的值; } **ID选择器:** 以#号开头 ID在整个页面中必须是唯一的s #ID的名称{ 属性名称:属性的值; 属性名称:属性的值; } **类选择器:** 以 . 开头 .类的名称{ 属性名称:属性的值; 属性名称:属性的值; } ### CSS的引入方式 ### 外部样式: 通过link标签引入一个外部的css文件 内部样式: 直接在style标签内编写CSS代码 行内样式: 直接在标签中添加一个style属性, 编写CSS样式 ### CSS浮动 ### 浮动的元素会脱离正常的文档流,在正常的文档流中不占空间 > float属性: > left > right > > clear属性: 清除浮动 > both : 两边都不允许浮动 > left: 左边不允许浮动 > right : 右边不允许浮动 > 流式布局 ### 盒子模型 ### 顺时针 : 上右下左 padding : 内边距 ,控制的是盒子内容的距离 > padding:10px; 上下左右都是10px > padding:10px 20px; 上下是10px 左右是20px > padding: 10px 20px 30px; 上 10px 右20px 下30px 左20px > padding: 10px 20px 30px 40px; 上右下左, 顺时针的方向 margin : 外边距 控制盒子与盒子之间的距离 > margin:10px 20px 30px 40px; 上右下左, 顺时针的方向 > margin:20px 30px 40px; 上外边距为20px，右、左外边距为30px,下外边距为40px > margin:10px 20px; 上、下外边距为10px，右、左外边距为20px > margin:10px; 上、下、右、左外边距为10px 绝对定位: position: absolute top: 控制距离顶部的位置 left: 控制距离左边的位置 ### 补充 ### \- CSS的优先级 按照选择器搜索精确度来编写: 行内样式 > ID选择器 > 类选择器 > 元素选择器 就近原则: 哪个离得近,就选用哪个的样式 CSS: 层叠样式表 主要作用: 1. 美化页面 2. 将页面美化和HTML代码进行分离,提高代码的服用型 - 选择器: - 元素选择器: 标签的名称\{\} - 类选择器: 以. 开头 .类的名称 - ID选择器: 以\#开头 , \#ID的名称 (ID必须是页面上面唯一) - CSS浮动: - float : left, right 不再占有正常文档流中的空间 , 流式布局 - clear : both left right \- CSS中的其它选择器 - 选择器分组: 选择器1,选择器2\{ 属性的名称:属性的值\} - 属性选择器: a[title] a[titile='aaa'] a[href][title] a[href][title='aaa'] - 后代选择器: 爷爷选择器 孙子选择器 找出所有的后代 - 子元素选择器: 父选择器 > 儿子选择器 - 伪类选择器: 通常都是用在A标签上
相关 css 总结 入门部分 CSS元素分类 块级元素 常用的块级元素有: <div> 、 <p> <h1>-<h6> <ol> <ul> Bertha 。/ 2022年12月11日 07:43/ 0 赞/ 49 阅读
相关 css总结 What is CSS? 1. CSS stands for Cascading Style Sheets 2. CSS describes how HTML ele àì夳堔傛蜴生んèń/ 2022年06月16日 12:16/ 0 赞/ 252 阅读
相关 CSS总结 CSS总结 CSS英文名：Cascading Style Sheets 中文名:汉式层叠样式表 作用：用于修饰网页信息的显示样式，控制网页的外观； 组成：选择器+一 太过爱你忘了你带给我的痛/ 2022年06月05日 08:16/ 0 赞/ 183 阅读
相关 CSS总结 字体样式 1、`font-size` ： 设置字体的大小，最常用的值时长度（14px） 2、`xx-small | x-small | small | medium 电玩女神/ 2022年05月13日 07:18/ 0 赞/ 207 阅读
相关 CSS总结 CSS的简介： 1、CSS的定义：层叠样式表。属性和属性值用冒号分隔开，以分号结尾(这些符号都是英文的)。 2、CSS得引入方式： 行内引入：<div style= 朱雀/ 2022年03月25日 03:00/ 0 赞/ 109 阅读
相关 CSS总结 前言 学过了HTML和JS，前端的三大组成部分只差一个CSS了，今天主要是展示一下CSS的属性，了解了CSS的属性，也就会实现了。 正文 是什么 层 喜欢ヅ旅行/ 2022年03月22日 09:47/ 0 赞/ 260 阅读
相关 CSS总结 接触过一段CSS，为简单理解，将CSS说成两步，一步是你做个“记号”，另一步是根据记号设置样式。 网页的内容和样式是分开的。“记号”便是能标识网页 系统管理员/ 2022年01月12日 14:07/ 0 赞/ 247 阅读
Bertha 。
àì夳堔傛蜴生んèń
太过爱你忘了你带给我的痛
傷城~
小灰灰
电玩女神
朱雀
系统管理员
还没有评论，来说两句吧...