CSS与HTML的遗忘点的整理

来源:互联网 发布:绘画小区平面图软件 编辑:程序博客网 时间:2024/06/03 14:33

这星期把CSS和CSS3新增的练习加整理了一遍。(当然不用想还是规范了word文档以后干干净净的整理的)感觉很有必要把HTML5中和CSS3中的总结一下个人遗忘点

 (还是要看自己整理的文档复习)

HTML5中:

   head标签:

<meta name="keywords" content="xxx,xxx"/> 提供搜索引擎的关键字

<meta name="description" content="描述的内容"/>对网站的描述(不显示在页面中)

                <link rel="" type="" href=""/> 外部引用  

rel="icon" type="image/jpeg"加载标题小图标  

         body标签:

详情标签:<details></details>  

        定义页面打开方式:target="" 

form标签:

placeholder 表单信息提示

required 强制用户必须赋值

<frameset></frameset>   <frame/>  

CSS/CSS3中:

伪元素选择器:E:first-line{}   E:first-letter{}  E:before{}  E:after{}

结构性伪类选择器: E:nth-child(){}  用于调<ul>,<ol>列表下的<li>   注册和登陆页面时用列表定位嵌套 这样好调节各各input 之间的距离 。(之前我总是用空格&nbsp来调节之间的距离  因为各各浏览器之间解析的空格都不一样 。所有容易错位。而用列表然后position定位 )

line-height:用于设置当行文本的行高

list-style:(简写)定义列表属性

border-radius:圆角边框

响应式布局:@media

@media screen and(device-width:xxxpx) and(device-height:xxxpx){

/*引入该手机的css文件或者css样式*/

/* screen 表示所有的 浏览器 and前后有空格*/

}

以上是我个人最近复习HTML和CSS的时候个人遗忘点。

最后。老规矩截一张我整理的CSS文档图。

原创粉丝点击