cunjicsdn的专栏

圆角边框在 CSS3 中，新增了圆角边框样式，这样我们的盒子就可以变圆角了。 border-radius 属性用于设置元素的外边框圆角。 语法： border-radius:length; 参数值可以为数值或百分比的形式 如果是正方形，想要设置为一个圆，把数值修改为高度或者宽度的一半即可，或者直接写为 50% 该属性是一个简写属性，可以跟四个值，分别代表左上角、右上角、右下角、左下角 分开写：border-top-left-radius、border-top-right-radi

1、盒子模型就是把把 HTML 页面中的布局元素看作是一个矩形的盒子，也就是一个盛装内容的容器。CSS 盒子模型本质上是一个盒子，封装周围的 HTML 元素，它包括：边框、外边距、内边距、和实际内容盒子的边框borderborder : border-width || border-style || border-color //边框的宽度（px）、样式、颜色边框样式 border-style 可以设置如下值： none：没有边框即忽略所有边框的宽度（默认值） solid：边框为..

1、层叠性相同选择器给设置相同的样式，就会导致样式冲突，结果会造成其中一个样式覆盖掉别的相同的样式。层叠性主要解决样式冲突的问题层叠性的原则：a.就近原则，哪个样式离结构近就执行哪个样式b.相同选择器样式不冲突不会层叠2、继承性子标签会继承父标签的某些样式，比如文本的颜色和字号（text-，font-，line-，以及color属性）行高的继承实际开发中行高可以设置为不带单位的情况，例如设置父元素body行高 line-height: 1.5表示子元素则会继承父元素的..

1、背景颜色background-color 属性定义了元素的背景颜色。background-color:颜色值;一般情况下元素背景颜色默认值是 transparent（透明），我们也可以手动指定背景颜色为透明色。background-color:transparent;2、背景图片background-image 属性描述了元素的背景图像。实际开发常见于 logo 或者一些装饰性的小图片或者是超大的背景图片, 优点是非常便于控制位置。background-image : non

HTML 元素一般分为块元素和行内元素两种类型1、块级元素常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中 <div> 标签是最典型的块元素块级元素的特点：①比较霸道，自己独占一行。②高度，宽度、外边距以及内边距都可以控制。③宽度默认是容器（父级宽度）的100%。④是一个容器及盒子，里面可以放行内或者块级元素。注意：文字类的元素内不能使用块级元素

1、什么是复合选择器1.1、复合选择器可以更准确、更高效的选择目标元素（标签）1.2、复合选择器是由两个或多个基础选择器，通过不同的方式组合而成的1.3、常用的复合选择器包括：后代选择器、子选择器、并集选择器、伪类选择器等等2、复合选择器的类别2.1后代选择器后代选择器又称为包含选择器，可以选择父元素里面子元素。其写法就是把外层标签写在前面，内层标签写在后面，中间用空格分隔。当标签发生嵌套时，内层标签就成为外层标签的后代。语法：元素1 元素2 { 样式声明 }例如：ul li

1. 快速生成HTML结构语法2. 快速生成CSS样式语法1.1生成标签 直接输入标签名，按tab键即可 比如：div 然后tab 键， 就可以生成 <div></div>1.2如果想要生成多个相同标签加上 * 就可以了 比如 div*3 然后tab键，就可以快速生成3个div1.3如果有父子级关系的标签，可以用 > 比如 ul > li 然后tab键就可以了1.4如果有兄弟关系的标签，用 + 就可以了 比如 div+p tab键1.5如果生...

1、行内样式表优点：书写方便，权重高缺点：结构样式混写控制范围：控制一个标签eg：<div style="color:red; font-size:12px">行内样式表</div>2、内部样式表优点：部分结构和样式分离缺点：结构与样式没有彻底分离控制范围：控制一个页面，样式写在页面的style标签里边eg：<style> div{ color:red; } .green{ color:green;...

1、字体属性font-size：字号，单位为像素（px）font-family：字体格式，工作中团队一般有约定的格式，如：微软雅黑（font-family:Microsoft YaHei）font-weight：字体粗细，加粗是700，不加粗是400，不跟单位font-style：字体样式，倾斜是italic，不倾斜是normalfont：复合样式，样式有顺序（font:font-style font-weight font-size/line-height font-family），字号和字体格

1、标签选择器可以选择出所有相同的标签，缺点是不能差异化选择格式：html标签{css属性1:属性值1 css属性2:属性值2}eg：p{color:red font-size:18px}2、类选择器可以选出1个或者多个标签，可以根据不同需求选择格式：.类选择器名称{css属性1：属性值1}eg：.nav{color:red}使用：<div class="nav">类选择器</div>特殊使用：1个标签指定多类名eg：.red{color:red} .f...