CSS3
关注
分享
扫一扫
文章平均质量分 81
凉风有信、
这个作者很懒，什么都没留下…
展开
-
CSS3：
CSS3：属性选择器：选择符简介E[att]选择具有att属性的E元素E[att=“val”]选择具有att属性且属性值等于val的E元素E[att^=“val”]匹配具有att属性、且值以val开头的E元素E[att$=“val”]匹配具有att属性、且值以val结尾的E元素E[att*=“val”]匹配具有att属性、且值中含有val的E元素 属性选择器的权重要高于标签选择器 类选择器、属性选择器、伪类选择器，权重为10<!D原创 2021-05-22 16:02:55 · 302 阅读 · 0 评论 -
用CSS实现幻灯片
<!doctype htm l><html> <head> <style> img { display: none; width: 100px; height: 100px; } input:checked + img { display: block; } input { position: absolute; left: -9999原创 2021-05-13 13:27:50 · 666 阅读 · 0 评论 -
Flex布局：
Flex布局：讲解：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html1、flex解释1、flex布局为flex box的缩写，意思为弹性布局2、块级元素和行内元素都可以使用flex布局2、Webkit内核的浏览器，需要加上-webkit前缀2、flex容器属性首先父元素要加上display:flex;(1)flex-direction此属性决定主轴的方向.flex{ flex-direction:row;//（默原创 2021-05-07 19:20:06 · 311 阅读 · 0 评论 -
06-CSS定位（position）：
06-CSS定位（position）：position的应用： 1、position Layout Module（position作为模块）： 提供与元素定位和层叠相关功能 它是核心模块包含： 1、盒子模型的类型和尺寸 2、布局模型 3、元素之间的关系 4、视口大小、图像大小等其他相关方面 2、属性中的position，如：.box{position:relative;}课前小知识点： document tree：即HTML文档中的原创 2021-05-07 19:19:09 · 293 阅读 · 0 评论 -
05 float浮动：
05 float浮动：第二章 float属性介绍<重难点>：CSS定位机制： 普通流（标准流）、 浮动、 绝对定位 普通流（标准流）：默认状态，元素自动从左往右，从上往下的排列。《块级元素和行内元素默认状态就构成了普通流》CSS Float（浮动）的基础知识： · 会使元素向左或向右移动，只能左右，不能上下。 · 浮动元素碰到包含框或另一个浮动框，浮动停止。 · 浮动元素之后的元素将围绕它，之前的不受影响。 · 浮动元素会脱离标准流。浮动的基本语法：原创 2021-05-07 19:18:20 · 74 阅读 · 0 评论 -
04 CSS背景和列表：
CSS背景和列表：背景样式： · background-color：设置元素的背景颜色 · background-image：把图像设置为背景 · background-position：设置背景图像的起始位置 · background-attachment：背景图像是否固定或者随着页面的其余部分滚动 · background-repeat：设置背景图像是否重复及如何重复 · background：简写属性，作用是将背景属性设置在一个声明中列表样式： · list-style原创 2021-05-07 19:17:20 · 90 阅读 · 0 评论 -
03 盒子模型：
盒子模型：第二章 盒子模型的概念： 盒子模型用来“放”网页中的各种元素 网页设计中内容，如：文字、图片等元素，都可是盒子模型（DIV嵌套） 网页中盒子模型： 边框：border 外边距：margin 内边距：padding 高度：height 宽度：width第三章 盒子模型属性：width属性：宽度： width：长度值（in cm px等）|百分比|auto最大宽度： max-width：长度值|百分比|auto最小宽度： min-width：长度值|百分比原创 2021-05-07 19:16:29 · 92 阅读 · 0 评论 -
CSS文本样式：
CSS字体和文本样式：· 文字：颜色、字体颜色、字体、加粗· 文本：行高、对齐方式、文本装饰第2章 字体样式：字体样式属性：字体：font-family 字体大小：font-size 文字颜色：color文字粗细：font-weight 文字样式：font-style 在HTML里面可以用标签对字体进行设置，如：<h1><font face="宋体" color="red" size="20px">内容1</font></h1>font-原创 2021-05-07 19:15:36 · 198 阅读 · 0 评论 -
01-css选择的艺术
01 CSS选择的艺术——CSS是表现（外观控制）什么是CSS：————css为层叠样式为什么学系CSS：1、css简化HTML相关标签，网页体积小，下载快2、解决内容与表现分离的问题3、更好地维护网页，提高工作效率第2章 CSS基础语法2-1 CSS基础语法：CSS样式规则CSS规则由两部分构成：选择器、声明 选择器是为了告诉浏览器给谁设置样式！h1 {color : red; font-size : 14px;}选择器 属性 声明 值 属性原创 2021-05-07 19:14:02 · 107 阅读 · 0 评论 -
CSS3基础入门与选择器：
CSS3简介：CSS（cascading style sheet，层叠式样式表）是用来给HTML标签添加样式的语言。CSS3是CSS的最新版本，增加了大量的样式、动画、3D特效和移动端特性等。前端三层： 语言 功能结构层 HTML 搭建结构、放置部件、描述语义样式层 CSS 美化页面、实现布局行为层 Javascript 实现交互效果、数据收发、表单验证CSS使样式和结构分离：CSS使样式和结构分离，样式和结原创 2021-05-07 17:34:36 · 170 阅读 · 0 评论