摘要:
一:背景图像区域: background-clip:指定背景绘制区域 border-box:背景被剪裁到边框盒 padding-box:背景被剪裁到内边距框 content-box:背景被剪裁到内容框 content-box padding-box border-box <!DOCTYPE html 阅读全文
摘要:
一:圆角 border-radius属性:一个最多可指定四个border-*-radius属性的复合属性,这个属性允许为元素添加圆角边框,多个值的 时候,从左上角开始,顺时针 单个属性指定: border-top-left-radius:左上角的弧度 boder-top-right-radius:右 阅读全文
摘要:
CSS伪元素用于向某些选择器设置特殊效果 语法格式:元素::伪元素(element::pseudo-element) 1.first-line:根据first-line伪元素的样式对element元素的第一行文本进行格式化,first-line伪元素只能用于块级元素 2.first-letter:用 阅读全文
摘要:
权重:当很多的规则被应用到某一个元素上时,权重是一个决定哪种规则生效,或者是优先执行的过程 权重等级与权值: 行内样式(1000) > ID选择器(100) > 类、属性选择器和伪类选择器(10) > 元素和伪元素(1) > *(0) CSS权重规则 1.包含更高权重选择器的一条规则拥有更高的权重 阅读全文
摘要:
nth选择器:也称CSS3结构类 选择器方法: first-child、last-child、nth-child()、nth-last-child()、nth-of-type()、nth-last-of-type()、first-of-type、last-of-type、only-child、onl 阅读全文
摘要:
UI元素状态伪类有: enabled(默认):输入框可输入的时候 disabled:输入框不可输入的时候 checked:选项被选中的时候 阅读全文
摘要:
动态伪类并不存在于html中,只有当用户和网站交互的时候才能体现出来 1.锚点伪类 :link:超链接的展示效果 :visited:访问过的链接 2.用户行为伪类 :hover:鼠标移动到此元素时的效果 :active:选中的时候 :focus:表单或输入框聚焦 focus 阅读全文
摘要:
使用CSS3属性选择器,可以只指定元素的某个属性,或者还可以同时指定元素的某个属性和其对应的值 以a标签为例 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /* 选中 阅读全文
摘要:
1.子选择器 概念:子选择器只能选择某元素的子元素 语法:父元素 > 子元素 2.兄弟选择器 概念:相邻兄弟选择器可以选择紧接在另一元素后的元素,而且阿门具有一个相同的父元素 语法格式:元素 + 兄弟相邻元素 3.通用兄弟选择器 概念:选择某元素后面的所有兄弟元素,而且他们具有一个相同的父元素 语法 阅读全文
摘要:
HTML5新布局的意义: 1.语义化:HTML5可以让更多语义化的结构代码标签代替大量的无异议的div标签 1.这种语义化的特性提升了网页的质量和语义 2.减少了以前用于CSS调用class和id属性 2.对搜索引擎的友好:新的结构标签带来的是网页布局的改变及提升对搜索引擎的友好 HTML5之前的布 阅读全文