CSS
追光的泡泡
这个作者很懒,什么都没留下…
展开
-
web前端基础:CSS背景样式
背景样式• 设置元素的背景颜色• 设置元素的背景图片• background-color 设置元素的背景颜色。• background-image 把图像设置为背景。• background-position 设置背景图像的起始位置。• background-attachment 背景图像是否固定或者随着页面的其余部分滚动。• background-repeat 设置背景图像是否重复...原创 2019-11-14 16:47:49 · 695 阅读 · 0 评论 -
web前端基础:盒子模型
盒子模型的概念• 盒子模型用来“放”网页中的各种元素。• 网页设计中内容,如文字、图片等元素,都可是盒子(DIV嵌套)宽度属性宽度 width:长度值 | 百分比 | auto最大宽度 max-width:长度值 | 百分比 | auto最小宽度 min-width:长度值 | 百分比 | auto高度属性高度 height:长度值 | 百分比 | auto最大高度...原创 2019-11-14 16:34:13 · 2389 阅读 · 0 评论 -
web前端基础:CSS字体与文本样式
CSS文字样式文字样式属性• 字体:font-family• 文字大小:font-size• 文字颜色:font-color• 文字粗细:font-weight• 文字样式:font-stylefont-family字体属性定义元素内文字以什么字体来显示语法:font-family:[字体1][,字体2][,…]说明:• 含空格字体名和中文,用英文引号(“ )括起• 多个...原创 2019-11-14 16:17:06 · 554 阅读 · 0 评论 -
web前端基础:CSS样式命名
CSS样式命名规则• 采用英文字母、数字以及“-”和“”命名• 以小写字母开头,不能以数字和“-”、“”开头• 命名形式:单字,连字符,下划线和驼峰•使用有意义命名常用的CSS样式命名1)页面结构页头:header页面主体:main页尾:footer内容:content/container容器: container导航:nav侧栏:sidebar栏目:column页面...原创 2019-11-14 16:01:17 · 287 阅读 · 0 评论 -
web前端基础:CSS继承和层叠
CSS继承从父元素那继承部分CSS属性;• 可以定义多个样式• 不冲突时,多个样式可层叠为一个• 冲突时,按不同样式规则优先级来应用样式CSS优先级CSS使用方法优先级:行内样式>内部样式>外部样式说明:链入外部样式表与内部样式表之间的优先级取决于所处位置的先后最后定义的优先级最高(就近原则)CSS优先级规则:同一样式表中:权值相同就近原则(离被设置元素越...原创 2019-11-14 15:57:50 · 172 阅读 · 0 评论 -
web前端基础:CSS伪类
链接伪类链接的4种状态:激活状态,已访问状态,未访问状态,和鼠标悬停状态。伪类说明:link未访问的链接:visited已访问的链接:hover鼠标悬停状态:active激活的链接伪类:hover和:active:hover用于访问的鼠标经过某个元素时:active用于一个元素被激活时(即按下鼠标之后放开鼠标之前的时间)p:ho...原创 2019-11-14 15:50:57 · 195 阅读 · 0 评论 -
web前端基础:CSS选择器
• 标签选择器• 类选择器• ID选择器• 全局选择器• 群组选择器• 后代选择器类选择器为HTML标签添加class属性:<h1 class="red">内容1</h1><p>内容2</p><p class="red">内容3</p>通过类选择器来为具有此class属性的元素设置CSS样式:.red...原创 2019-11-14 13:47:00 · 143 阅读 · 0 评论 -
web前端基础:CSS基础
什么是CSS• CSS 层叠样式表 (Cascading Style Sheets)• 用于定义HTML内容在浏览器内的显示样式HTML、CSS、JavaScript关系• HTML是网页内容的载体• CSS样式是表现(外观控制)• JavaScript是行为,用来实现网页特效效果为什么学习CSSCSS简化HTML相关标签,网页体积小,下载快• 解决内容与表现分离的问题• 更好...原创 2019-11-14 13:29:19 · 107 阅读 · 0 评论