CSS
CSS学习笔记
少写代码少看论文多多睡觉
这个作者很懒,什么都没留下…
展开
-
CSS学习笔记-常用表格标签
CSS学习笔记-表格标签常用表格标签<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标签</title></head><body> <table width="400px" border = "1px" align = "center"> <thead>原创 2021-12-05 15:11:36 · 454 阅读 · 0 评论 -
CSS学习笔记-头条页面案例
头条页面实现步骤-顶部和导航条创建一个html文件创建顶部div标签通过三个a标签实现登录、注册、更多三个超链接设置顶部样式(背景色 行高 文字对齐方式 字体大小 超链接颜色 悬浮 和去除下划线)创建导航条div标签通过img标签引入logo图片通过两个a标签实现首页、科技两个超链接通过font标签实现正文两个字的显示设置导航条的样式(行高)实现步骤-左侧分享、中间正文、右侧广告图片创建左侧分享div标签通过a标签嵌套img标签和span标签实现图片和文字的显示设置左侧分享原创 2021-12-05 14:20:29 · 740 阅读 · 0 评论 -
CSS学习笔记-选择器
CSS基本语法CSS的引入方式内联方式在标签中通过style属性来控制样式,只能影响当前这一行格式:<标签style = "属性名:属性值; 属性名:属性值;">内容</标签><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>引入方式1</title></head>&l原创 2021-12-04 21:52:04 · 89 阅读 · 0 评论 -
CSS学习笔记-伪类选择器
CSS学习笔记-伪类选择器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>伪类选择器</title> <style> /*去掉下划线*/ a{ text-decoration:none; } /*未访问的状态*/原创 2021-12-04 21:33:43 · 122 阅读 · 0 评论 -
CSS学习笔记-属性选择器
属性选择器格局标签中是否有该属性来进行选择 进而指定样式第一种 只要含有Type属性即可匹配元素第二种 只要含有type属性并且值为text<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>属性选择器</title> <style> /*只要含有type标签的全部变为红色*/原创 2021-12-04 21:01:52 · 100 阅读 · 0 评论 -
CSS学习笔记-基本选择器
CSS学习笔记-基本选择器选择器利用选择器对不同的标签进行样式控制,head标签中添加style标签选择器的定义一个HTML文件中会存在很多个元素,如果想对不同的元素添加不同的样式,就需要使用到选择器!说白了,选择器就是用来选择指定的元素的!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基本选择器</title>原创 2021-12-04 20:43:10 · 104 阅读 · 0 评论 -
CSS学习笔记-CSS的引入方式
CSS的引入方式内联方式在标签中通过style属性来控制样式,只能影响当前这一行格式:<标签style = "属性名:属性值; 属性名:属性值;">内容</标签><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>引入方式1</title></head><body&g原创 2021-12-04 20:16:17 · 119 阅读 · 0 评论 -
CSS学习笔记-CSS初步认识
CSS初步认识CSS的介绍CSS :层叠样式表用于设置和布局网页的一种计算机语言,告知浏览器如何渲染解析页面元素 也就是美化网页 配合HTML使用CSS的组成选择器:选择HTML元素的方式,可以使用标签名、class属性值、id值等多种方式样式声明:用于给HTML元素设置具体的样式。格式是 属性名:属性值格式如下:选择器{ 属性名:属性值; 属性名:属性值; 属性名:属性值;}h1{color:red;font-size:5px;}C原创 2021-12-04 17:56:02 · 140 阅读 · 0 评论